首页 > 代码库 > JQuery Ajax
JQuery Ajax
//load()方法异步请求数据
$("#btnid").bind("click",function(){
$("#divid").load("/home/index",[data],function(){ // 第一个参数是请求的url 第二个参数是可选的 传过去的data 第三个参数是可选的 回调函数
$(this).attr("disabled","true");
});
});
//使用getJSON()方法异步加载Json格式的数据
$.getJSON("home/json",[data],function(jsondata){
//第一个参数是请求的url 第二个参数是可选的 传过去的data 第三个参数是可选的 回调函数 方法会把得到的Json对象传给回调函数的参数jsondata
//程序员Json处理
});
//使用getScript()方法异步加载js文件并执行
$.getScript("/home/js/1.js",function(){ // 第一个参数是要请求的js文件的url地址 第二个参数是可选的 请求成功后执行的回调函数
alert("哈哈哈");
});
//使用get()方法以GET的方式从服务器获取数据
$.get("/home/index",function(jsondata){
//第一个参数是请求的url ,第二个参数是请求成功后得到的数据 自动放在function的参数中 jsondata,第三个参数是请求的url返回数据的格式
},"json");
//使用post()方法以POST方式向服务器发送数据
$.post("/home/index",{name:"张三"},function(data){
//第一个参数是请求的url , 第二个参数是可选的 传过去的data ,第三个参数是可选的 回调函数 方法会把得到的结果传给回调函数的参数data
});
//使用serialize()方法序列化表单元素 序列化后得到的是字符串
$("#divid").html($("#formid").serialize()); //把表单中有name属性的控件的值 序列化成 属性:值 多个控件之间用&隔开
//使用ajax()方法加载服务器数据
$.ajax({
url:"/home/index", //请求的url
dataType:"text", //服务器返回的数据类型
success:function(data){ //请求成功后执行的回调函数 data是返回的数据
},
type:"get", //发送数据请求的方式
data:{name:"张三"} //请求是传递的数据
});
//使用ajaxSetup()方法设置全局Ajax默认选项
$.ajaxSetup({
type:"get",
dataType:"json"
}); //后面调用ajax方法的时候 这两个属性就可以不用写了 默认就是ajaxSetup里设置的值
//使用ajaxStart()方法 和ajaxStop()方法 为ajax执行前后绑定事件
$("#divid").ajaxStart(function(){$(this).show();}); //发送ajax请求之前执行 将div显示出来
$("#divid").ajaxStop(function(){$(this).hide();}); //发送ajax请求成功后执行 将div隐藏起来
$.ajax({
url:"/home/index",
dataType:"json",
success:function(){
alert("哈哈哈");
}
});
JQuery Ajax