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()中的参数。