当前位置:  编程技术>WEB前端

jQuery学习笔记之 Ajax操作篇(三) - 过程处理

    来源: 互联网  发布时间:2014-08-25

    本文导语:  观察函数 ajaxStart 和 ajaxStop 函数可以用来作为观察函数,我们可以使用观察函数的回调函数来做相应的处理。 当 Ajax 请求开始且尚未进行其他传输时,会触发 ajaxStart 的回调函数。 当最后一次活动请求终止时,则会执行通过 a...

观察函数

ajaxStart 和 ajaxStop 函数可以用来作为观察函数,我们可以使用观察函数的回调函数来做相应的处理。

当 Ajax 请求开始且尚未进行其他传输时,会触发 ajaxStart 的回调函数。
当最后一次活动请求终止时,则会执行通过 ajaxStop 注册的回调函数。
由于观察函数具备全局性,所以需要使用 $(document) 来调用。我们通过使用 Ajax 方法取得一个图片的例子来测试两个函数:
当前页面为:

load

同目录下的 test.html 内容为:

点击按钮后希望载入图像:

 $('button').click(function() {
  $('div').load('test.html');
 });

此时我们可以使用 ajaxStart 和 ajaxStop 函数来增加提示:

 $(document).ajaxStart(function() {//
  alert('load a picture');
 }).ajaxStop(function() {
  alert('show a picture');
 });
 $('button').click(function() {
  $('div').load('test.html');
 });

此时点击按钮后,再图像载入前先提示 load a picture,载入后提示 show a picture。

错误处理

最常用的方式是全局的 ajaxError 方法,以上例为例,如果我们像一个不存在的页面发送数据请求:

 $(document).ajaxError(function() {//
  alert('load failed!');
 });
 $('button').click(function() {
  $('div').load('noexsited.html');
 });

此时点击按钮后:

对于非 load 方法,还可以使用 fail 方法来连缀处理:

 $('button').click(function() {
  $.get('noexsited.html', function(data) {

  }).fail(function(jqXHR) {
   alert('status is ' + jqXHR.status);
  });
 });

JSONP

JSONP 即 JSON with padding,填充式 JSON,利用的是 标签可以跨域获取 Javascript 文件的思路,故可以跨域获取 JSON 数据。
JSONP 的格式是把标准 JSON 文件包装在一对圆括号中,圆括号又前置一个任意字符串。这个字符串,即所谓的 P,由请求数据的客户端来决定。
同样是上例的按钮,首先我们将外域页面 otherdomain.com/index.php 内容设置为:


    
 
 

您可能感兴趣的文章:

  • jquery缓动swing liner控制动画过程不同时刻的速度
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jquery下拉select控件操作方法分享(jquery操作select)
  • Cookie操作插件 jQuery.Cookie
  • jquery链式操作、链式写法的小例子
  • 利用js(jquery)操作Cookie的方法说明
  • jQuery操作select option选项(增加 删除 修改)
  • jquery常用操作小结
  • JQuery操作DOM的笔记
  • jquery链式操作的正确使用方法
  • jQuery操作select下拉框的text值和value值的方法
  • JQuery 文本框操作的4个小例子
  • jquery加载完iframe的内容后才进行下一步操作的实现方法
  • jquery操作单选框radio的例子
  • 使用jquery实现IE下按backspace相当于返回操作
  • jquery cookie插件用法 jquery操作cookie的例子
  • 解决jquery操作checkbox火狐下第二次无法勾选问题
  • jquery操作checkbox示例分享
  • Jquery操作radio的小例子
  • jquery操作checkbox实现全选和取消全选
  • Jquery操作html标签及动态添加验证的例子
  • Jquery操作radio的简单实例
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jQuery在iPhone/iPad的滚动效果处理 Overscroll
  • firefox下jquery ajax返回object XMLDocument处理方法
  • jQuery 图像处理插件 Data Img
  • jQuery 动画处理插件 easie.js
  • jQuery 图像处理插件 Cropit
  • Jquery Post处理后不进入回调的原因及解决方法
  • jquery提交表单mvc3后台处理示例
  • jQuery点击按钮后用禁用按钮并显示[正在处理...]的实现代码
  • jQuery的live()方法对hover事件的处理示例
  • jquery中对于批量deferred的处理方法
  • jquery插件之定时查询待处理任务数量
  • JQuery EasyUI 数字格式化处理示例
  • jquery如何把数组变为字符串传到服务端并处理
  • jquery数组处理的经典例子
  • jquery序列化form表单使用ajax提交后处理返回的json数据
  • 基于JQuery实现的图片自动进行缩放和裁剪处理
  • jquery实例-jQuery的事件处理
  • jQuery 鼠标经过(hover)事件的延时处理示例
  • jquery处理json数据实例分析
  • JQuery处理json与ajax返回JSON实例代码
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery圆角插件 jQuery Corners
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin
  • jQuery日历插件 jQuery Week Calendar




  • 特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3