Jquery的$.ajax( options )方法

通过 HTTP 请求加载远程数据,jQuery 的底层 Ajax 实现

1,$.ajax()方法是jQuery中最底层的Ajax实现,load()、$.get()、$.post()、$.getScript()和$.getJSON()这些方法,都是基于$.ajax()方法构造的,它的语法为:$.ajax(options) 

示例:

$.ajax({ type: “GET”,//设置请求方式 url: 

          “9-8.js”, //设置请求的URL  

            dataType: “script”//设置返回数据的类型 })


2,用法举例

function Ajax(){ $.ajax({
  type: "GET",
  url: "9-14.asp",
  data: "user="+escape($("#user").val())+ "&comment="+escape($("#comment").val()),
beforeSend:function(){ $("#target").html("
正在载入…");}, 
error:function(){$("#target").html("

载入失败

");},
success: function(data){ //请求成功时
$("#target").html(data);
} }); }


beforeSend:发送请求之前调用的回调函数,该函数接受一个惟一的参数,即XMLHttpRequest对象作为参数。
success:在请求成功时调用的回调函数,该函数接受两个参数,第一个参数为服务器返回的数据data,第2个参数为服务器的状态textStatus。
error请求失败时调用的回调函数。
complete请求完成时调用的回调函数(无论请求是成功还是失败),如果同时设置了success或error,则在它们执行完之后才执行complete中的回调函数。


当一个页面中有多个地方都需要利用Ajax方法进行异步通信时,可以利用$.ajaxSetup(options)方法统一设定所有Ajax方法中的参数   $.ajaxSetup({type: "GET", url:"10-13.asp“  });


① $.ajax()方法中的data数据一般不能用$.ajaxSetup(options)方法统一设定,因为传送给服务器的数据是用户在表单中输入的,每次都不同,而$.ajaxSetup(options)方法只会在页面初始化时运行一次,此时用户还没有输入数据,因此会获取不到。
② $.ajaxSetup(options)方法不能设置load()方法的相关操作,如果设置请求类型type为"GET",也不会改变$.post()方法采用POST方式。 

你可能感兴趣的:(Jquery的$.ajax( options )方法)