jQuery中的Ajax

jQuery中的ajax

load方法：

向它传入一个URL，它会异步加载该URL的内容，然后将内容插入每一个选中的元素中，替换掉已经存在的任何内容

如果传给该方法的第一个参数是函数而不是字符串，则load方法是事件处理程序的注册方法而不是ajax方法。

load()方法还可接受两个参数，第一个可选参数表示的数据，可以追加到URL后面，或者与请求一起发送。如果传入的是对象，

则该对象会被转化成一个用‘&’分隔的名/值对后与请求一起发送。通常情况下，load()方法发送HTTP GET请求，如果传入数据对象，则

它会发送HTTP POST请求

另一个可选参数是回调函数，当ajax请求成功或未成功，以及URL加载完毕并插入选中元素时，会调用该回调函数，如果没有指定任何

数据，回调函数会当做第二个参数传入，否则，必须是第三个参数。

在jQuery对象的每一个元素上都会调用回调函数，每次调用时都会传入三个参数：被加载的URL的完整文本内容，状态码字符串，以及用来加载该URL

的XMLHttpRequest对象

$('temp').load('html1.html');

$('temp').load('html2.html','zipcode=1234');

$('temp').load('html3.html',{zipcode:1234,units:'f'});

Ajax工具函数

jQuery.getScript()

函数的第一个参数是JavaScript代码文件的URL。它会异步加载文件，加载完成后在全局作用域执行该代码，它能同时适用于

同源的和跨源脚本。

jQuery.getScript('http://example.com/index.js');

可以传入回调函数作为第二个参数，这种情况下，jQuery会在代码加载和执行完成后调用一次该回调函数。jQuery.getScript()通常会使用

XMLHttpRequest对象来获取执行的脚本内容，但对于跨域脚本，jQuery会使用<script>元素来加载脚本。回调函数的第一个参数是脚本的

文本内容，第二个参数是状态码，第三个参数是XMLHttpRequest对象

jQuery.getJSON()

该方法和上面的方法类似，只是不会将获取的文本作为脚本执行，而是将其解析为JSON，且接受一个可选的数据对象作为第二个参数，

回调函数则应该为第三个参数，其回调函数的参数与上面的相同，

jQuery.get()和jQuery.post()

这两个方法获取指定的URL的内容，如果有数据的话，还可传入指定的数据，最后则将结果传递给指定的回调函数，jQuery.get()使用HTTP GET

请求来实现，jQuery.post()使用HTTP POST请求，其他两者相同

jQuery的Ajax数据类型

‘text’,'html','xml','script','json','jsonp',

jQuery.ajax()函数

该函数只接受一个对象作为参数，该对象的属性指定Ajax请求如何执行的细节。

jQuery.ajax({

type:'GET',

url:url,

data:null,

dataType:'script',

success:callback

});

同时我们可以通过给jQuery.ajaxSetup()传入一个选项对象来设置任意选项的默认值

jQuery.ajaxSetup({

timeout:2000,

cache:false

})

jQuery.ajax()中常用的选项如下

type url data dataType contentType timeout cache ifModified global

回调

context：该选项指定回调函数在调用时上下文对象------就是this

beforesend：该选项指定Ajax请求发送到服务器之前激活的回调函数。第一个参数是XMLHttpRequest对象，第二个是该请求的选项对象。

success：该选项指定Ajax请求成功完成时调用的回调函数。第一个参数是服务器发送的数据；第二个是jQuery状态码；第三个是用来

发送该请求的XMLHttpRequest对象

error：该选项指定Ajax请求不成功时调用的回调函数