首页 > 代码库 > 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