jQuery的Ajax操作学习笔记(3)——流程处理

观察函数

AJAX和ajaxStop函数可以作为观察函数，我们可以使用观察函数的回调函数进行相应的处理。

ajaxStart的回调函数将在Ajax请求开始并且没有发生其他传输时被触发。当最后一个活动请求终止时，将执行通过ajaxStop注册的回调函数。因为观察函数是全局的，所以需要用$(document)调用它。我们用Ajax方法测试了两个函数：得到了一个图片示例。当前页面为：

div/div button load/button

同一目录下test.html的内容有：

img src=' http : avatar . jpg '/单击按钮并想要加载图像：

$(“按钮”)。单击(function() { $('div ')。load(' test . html ')；});

此时，我们可以使用ajaxStart和ajaxStop函数来添加提示：

$(文档)。ajaxStart(function() {//alert('加载图片'))；}).ajaxStop(function() { alert('显示图片'))；});$(“按钮”)。单击(function() { $('div ')。load(' test . html ')；});此时点击按钮，然后在加载图像前提示加载图片，然后在加载后提示显示图片。

错误处理

最常用的方法是全局ajaxError方法。例如，如果我们像发送不存在的页面一样发送数据请求：

$(文档)。ajaxError(function() {//alert('加载失败！');});$(“按钮”)。单击(function() { $('div ')。load(' noe xsedit . html ')；});此时点击按钮：

对于非加载方法，您也可以使用失败方法进行串联处理：

$(“按钮”)。单击(function() { $)。get(' noe xsedit . html '，函数(数据){ })。fail(function(jqXHR){ alert(' status为' jqXHR . status ')；});});

JSONP

JSONP是带填充的JSON，利用脚本标签可以跨域获取Javascript文件的思想，因此可以跨域获取JSON数据。JSONP的格式是将标准JSON文件包装在一对括号中，括号的前缀是任意字符串。这个名为p的字符串由请求数据的客户端决定。它也是上面例子中的按钮。首先，我们将外域页面的otherdomain.com/index.php内容设置为：

？PHP $ data=' { ' name ' : ' stephenley '，' sex ' : ' male ' }echo $_GET['回调']。'('.$数据。')';我们使用特殊占位符？要实现对JSON数据的跨域访问：

$(“按钮”)。单击(function() { $)。getJSON(' other domain.com/index . PHP？回调=？”，函数(数据){ console.log(数据)；});});

数据采集成功。