过够了

jQuery ajax学习笔记9

下面主要介绍jQuery的ajax的调用方法. 以下翻译自: jQuery (71-77点)

71.$.ajax(params)这个方法是jQuery中调用ajax的最基本方法,功能十分强大.参数是一个对象.所有的参数用key:value的形式设置

下面主要介绍一下各种参数:

(string)url: 要请求的网址,可以把参数get参数设置到url上面

(string)type: 请求的类型,可以是Post与get,默认情况下是GET

(string)dataType: 你所期望返回的数据格式,可以是xml,html,script,json.最终返回类型还是服务器决定.

(Boolean)ifModified:只当返回值改变的时候才会成功返回正确值.主要判断依据是请求头的Last-Modified.默认情况下,这个值设置为false

(Number)timeout:设置请求时间,这个时间会替换全局的时间($.ajaxTimeout)

(Boolean)global:是否触发全局的ajax事件句柄.例如ajaxStart,ajaxStop.默认情况是true

(Function)error: 请求错误处理的函数.

(Function)success: 请求成功处理的函数.

(Function)complete:请求完成处理的函数.

(Object|string)data:发送到服务器端的数据.如果不是字符串,则被转化成字符串,被加到url上面,做为查询字符串.如果不想用默认的方式处理,可以设置processData状态.

(Boolean)processData.默认情况是true,把object转化成string,做查询字符串.可以设置为false,则以DOMDocments发送.

(String)contentType.默认是”application/x-www-form-urlencoded”,一般情况不用修改.

(Boolean)async .默认值为true.表示异步请求,如果想改成同步.只要把设为false就可以了.

(Function)beforeSend.用于对在发送请求之前,对请求头的设置.有XMLHttpRequest做为参数

例子:

取一个js文件.

$.ajax({
  type: "GET",
  url: "test.js",
  dataType: "script"
})

post数据到服务器端,并且成功时提示用户.

$.ajax({
  type: "POST",
  url: "some.php",
  data: "name=John&location=Boston",
  success: function(msg){
    alert( "Data Saved: " + msg );
  }
});

同步请求数据

var html = $.ajax({
 url: "some.php",
 async: false
}).responseText;

传送domdocument,data将不会被强行转化.

var xmlDocument = [create xml document];
$.ajax({
  url: "page.php",
  processData: false,
  data: xmlDocument,
  success: handleResponse
});

72.$.ajaxSetup(settings)设置一个全局的ajax变量.一般用来设置一些公用的请求头设置.

$.ajaxSetup( {
  url: "/xmlhttp/",
  global: false,
  type: "POST"
} );
$.ajax({ data: myData });

73.$.ajaxTimeout(time) 设置全局ajax请求时间,当time为0或者null时表示不限时间

$.ajaxTimeout( 5000 ); //表示最长5秒请求.

74.$.get(url, params, callback)下载一个页面.

url:页面地址,

params: 参数,是key/value的map

callback: 请求结束后调用的方法

eg:

$.get("test.cgi",
  { name: "John", time: "2pm" },
  function(data){
    alert("Data Loaded: " + data);
  }
);

75.$.getIfModified(url, params, callback)与get一样,不同之处在于如果请求的页面返回值

不变的话,就不处理请求.

76.$.getJSON(url, params,callback)与$.get一样,返回值是用json格式后好的.

77.$.getScript(url, callback)下载脚本文件,并运行.

eg:

$.getScript("test.js", function(){
  alert("Script loaded and executed.");
});