jQuery AJAX
1.基于请求加载数据1.1追加html：.load()
例：$('#dictionary').load('a.html');
1.2操作JavaScript对象
说明：
JSON：由{'property':'value'}键值对对象和数组组合而成的对象
1)取得JSON对象：$.getJSON()
说明：该函数接收两个参数
(1)请求的文件
(2)回调函数：该函数中有一个data参数用来接收对象数据
例：$.getJSON('a.JSON',function(data){...});
2)遍历JSON对象：$.each()
说明：该函数接收两个参数
(1)以一个数组或者映射作为第一个参数
(2)回调函数：该函数的两个参数为循环中数组或索引的当前索引及索引项
例：$.getJSON('a.JSON',function(data){
$.each(data,function(entryIndex,entry){
//.......
});
});
3)加载执行脚本：$.getScripts()
说明：
(1)该方法接收一个请求路径参数
(2)接收后脚本自动执行
4)全局jQuery函数
如：$.getJSON();$.each();$.getScripts()等以$直接调用的函数
1.3加载XML文档：$.get()
说明：该函数接收两个参数
(1)请求文件的URL
(2)回调函数：该函数中有一个data参数用来接收对象数据
(3)通常该函数只是简单的取得URL指向的文件，然后以纯文本返回给回调函数。
但根据服务器提供的MIME类型知道响应的是XML时，提供给回调函数的将是XML DOM树
2.向服务器传递数据
2.1执行get请求
$.get('url'{'property':'value'},function(data){......});
2.2执行post请求
$.post('url'{'property':'value'},function(data){......});
2.3序列化表单：.serialize()
说明：这个方法作用于一个jQuery对象，将匹配的DOM元素转换成能随AJAX请求传递的查询字符串
例：$('#form').submit(function(){
$.get('url',$(this).find('input').serialize(),function(data){
//......
});
});
3.关注请求
说明：AJAX请求过程有很多的事件
3.1请求开始时事件.ajaxStart(callback())
$('#loading').ajaxStart(function(){
$(this).show();
});
3.2请求结束时事件.ajaxStop(callback())
$('#loading').ajaxStop(function(){
$(this).hide();
});
页:
[1]