Ajax请求.docx

Ajax请求.docx

《Ajax请求.docx》由会员分享，可在线阅读，更多相关《Ajax请求.docx（12页珍藏版）》请在冰豆网上搜索。

Ajax请求

返回值:

XMLHttpRequestjQuery.ajax（[options]）

概述

通过HTTP请求加载远程数据。

jQuery底层AJAX实现。

简单易用的高层实现见$.get,$.post等。

$.ajax（）返回其创建的XMLHttpRequest对象。

大多数情况下你无需直接操作该函数，除非你需要操作不常用的选项，以获得更多的灵活性。

最简单的情况下，$.ajax（）可以不带任何参数直接使用。

注意，所有的选项都可以通过$.ajaxSetup（）函数来全局设置。

回调函数

如果要处理$.ajax（）得到的数据，则需要使用回调函数。

beforeSend、error、dataFilter、success、complete。

beforeSend在发送请求之前调用，并且传入一个XMLHttpRequest作为参数。

error在请求出错时调用。

传入XMLHttpRequest对象，描述错误类型的字符串以及一个异常对象（如果有的话）

dataFilter在请求成功之后调用。

传入返回的数据以及"dataType"参数的值。

并且必须返回新的数据（可能是处理过的）传递给success回调函数。

success当请求之后调用。

传入返回后的数据，以及包含成功代码的字符串。

complete当请求完成之后调用这个函数，无论成功或失败。

传入XMLHttpRequest对象，以及一个包含成功或错误代码的字符串。

数据类型

$.ajax（）函数依赖服务器提供的信息来处理返回的数据。

如果服务器报告说返回的数据是XML，那么返回的结果就可以用普通的XML方法或者jQuery的选择器来遍历。

如果见得到其他类型，比如HTML，则数据就以文本形式来对待。

通过dataType选项还可以指定其他不同数据处理方式。

除了单纯的XML，还可以指定html、json、jsonp、script或者text。

其中，text和xml类型返回的数据不会经过处理。

数据仅仅简单的将XMLHttpRequest的responseText或responseHTML属性传递给success回调函数，

注意，我们必须确保网页服务器报告的MIME类型与我们选择的dataType所匹配。

比如说，XML的话，服务器端就必须声明text/xml或者application/xml来获得一致的结果。

如果指定为html类型，任何内嵌的JavaScript都会在HTML作为一个字符串返回之前执行。

类似的，指定script类型的话，也会先执行服务器端生成JavaScript，然后再把脚本作为一个文本数据返回。

如果指定为json类型，则会把获取到的数据作为一个JavaScript对象来解析，并且把构建好的对象作为结果返回。

为了实现这个目的，他首先尝试使用JSON.parse（）。

如果浏览器不支持，则使用一个函数来构建。

JSON数据是一种能很方便通过JavaScript解析的结构化数据。

如果获取的数据文件存放在远程服务器上（域名不同，也就是跨域获取数据），则需要使用jsonp类型。

使用这种类型的话，会创建一个查询字符串参数callback=?

，这个参数会加在请求的URL后面。

服务器端应当在JSON数据前加上回调函数名，以便完成一个有效的JSONP请求。

如果要指定回调函数的参数名来取代默认的callback，可以通过设置$.ajax（）的jsonp参数。

注意，JSONP是JSON格式的扩展。

他要求一些服务器端的代码来检测并处理查询字符串参数。

更多信息可以参阅最初的文章。

如果指定了script或者jsonp类型，那么当从服务器接收到数据时，实际上是用了