【读书笔记】【jQuery基础教程】【第六章--AJAX】

来源：互联网发布：老师体罚孩子知乎编辑：程序博客网时间：2024/05/29 13:16

1. 使用.load()方法可以将一个html文档插入元素中，这个html文档不包含<html>、<head>、<body>，只包含最基本的代码。如下：

$(‘#SomeElement’).load(‘.a.html’);

2. JSON格式

{

“key”:”value”,

“key 2”:[

“array”,

“of”,

“items”

]

}

可以将JSON存放在.json文件中，并且用$.getJSON()方法取得：

   $.getJSON(‘a.json’,function(data){                   //dosomething…});

3. 使用$.getScript()方法可以加载并执行javascript文件，如：

$.getScript(‘some.js’);

4. 使用XML的方式:

$.get(‘d.xml’,function(data){         //dosomething…});

5. 对XML文档就如同对HTML文档一样,可以使用常规的.find()、.filter()方法及其他便利方法

6. jQuery本地ajax函数可以处理HTML片段、JSON文件、JavaScript文件、XML文档这四种格式。

a) HTML片段实现工作量小，直接插入，但这种结构方式不一定能够在其他应用程序中得到重用，这种外部文件与他们的目标容器必须紧密结合

b) JSON文件的结构使它可以很方便的被重用，简洁，容易阅读。调用一次JavaScript的eval()函数来解析，读取速度非常快。JSON文件中的错误可能会导致页面上的脚本静默地中止运行。这种数据必须由可靠地人仔细构建

c) JavaScript文件能够提供极大地灵活性，但它不是一种真正的数据存储机制。不能将同样的信息提供给完全不同的系统。可以有效减少页面中的代码量

d) XML文档的可移植性很好，方便重用。不过XML文件体积相对较大，解析和操作它们的速度较慢

7. jQuery基于$.get()函数的映射来构建查询：

$.get(‘e.php’,{‘term’:$(this)text()},function(data){                  //dosomething…});

8. POST方法和GET方法的HTTP请求几乎一样。它们之间的一个最大的区别就是GET请求把参数放在作为URL一部分的查询字符串中，而POST请求则不是。

9. 使用jQuery中的POST方法：

$.post(‘e.php’,{‘term’:$(this).text()},function(data){         //do something…});

10. 可以通过jQuery中的.submit()方法:

$(‘#SomeForm’).submit(function(){         //dosomething…});

11. jQuery为这种常用的操作提供了一种简化方式.serialize()方法。这个方法作用于一个jQuery对象，将匹配的DOM元素转化成能够随AJAX请求传递的查询字符串：

$.get(‘f.php’,$(this).serialize(),function(data){         //dosomething…});

12. 使用.ajaxStart()和.ajaxStop()方法可以吧它们添加给任何jQuery对象。当AJAX请求开始且尚未进行其他传输时，会触发.ajaxStart()的回调函数。当最后一次活动请求终止时，则会执行通过.ajaxStop()注册的回调函数。

13. 使用.live()方法可以把函数绑定到事件上：

$(‘SomeElement’).live(‘click’,function(){         //do something…});

14. 使用.getJSON()方法获得远程JSON数据：

var url = ‘http://xxxxx.xxxx.xxx’;$.getJSON(url + ‘?callback=?’,function(data){//do something…});

15. jQuery把AJAX通信方法做成一个$.ajax()方法：

$.ajax({url:’a.html’,type:’GET’,dataType:’html’,success: function(data){         //do something…}});

16. $.ajaxSetup()函数可以修改和调用AJAX方法时每个选项的默认值，它与函数与$.ajax()接收相同的映射参数，若$.ajax()中有明确覆盖，则使用$.ajax()中的参数。