前言
1.JSON 和 JSONP
2.jqXHR 对象
一.JSON 和 JSONP
如果在同一个域下,$.ajax()方法只要设置 dataType 属性即可加载 JSON 文件。而在非同域下,可以使用 JSONP,但也是有条件的。
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
如果想跨域操作文件的话,我们就必须使用 JSONP。JSONP(JSON with Padding)是一个 非官方的协议,它允许在服务器端集成 Script tags 返回至客户端,通过 JavaScript callback 的 形式实现跨域访问(这仅仅是 JSONP 简单的实现形式)。
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
二.jqXHR 对象
在之前,我们使用了局部方法:.success()、.complete()和.error()。这三个局部方法并不是 XMLHttpRequest 对象调用的,而是$.ajax()之类的全局方法返回的对象调用的。这个对象, 就是 jqXHR 对象,它是原生对象 XHR 的一个超集。
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
注意:如果使用 jqXHR 对象的话,那么建议用.done()、.always()和.fail()代 替.success()、.complete()和.error()。以为在未来版本中,很可能将这三种方法废弃取消。
- 1
- 2
- 3
- 1
- 2
- 3
使用 jqXHR 的连缀方式比$.ajax()的属性方式有三大好处:
1. 可连缀操作,可读性大大提高;
2. 可以多次执行同一个回调函数;
3. 为多个操作指定回调函数;