1.什么是Ajax? 不用刷新页面,但可以和服务端进行通信的方式,使用Ajax的主要方式是XMLHttpRequest对象
2.使用 XMLHttpRuquest 对象实现Ajax。
3.Ajax 传输数据的3种方式:
1).XML:笨重,解析困难,但XML是通用的数据交换格式。
2).HTML:不需要解析,可以直接放到文档中,若仅更新一部分区域可以考虑使用。但传输的数据大小有限,不是很方便,且HTML代码需要拼装完成
3).JSON:小巧,有面向对象的特征
4.使用jQuery完成Ajax操作
1).load方法:可以用于HTML文档的元素节点,把结果直接加为对应节点的子元素,通常而言,load方法加载后的数据是一个HTML片段
var $obj=...
var url=...
var args=...
$obj.load(url,args);
2).$.get.$.post,$.getJSON:更加灵活,除去使用load方法的情况,大部分时候都是使用这三个方法
Ⅰ.基本的使用
//url:Ajax请求的目标URL
//args:传递的参数:JSON类型
//data:Ajax响应成功之后的数据,可能是XML,HTML,JSON
$.get(url,args,function(data){
......
});
Ⅱ.请求JSON数据
$.get(url,args,function(data){
......
},"JSON");
$.post(url,args,function(data){
......
},"JSON");
$.getJSON(url,args,function(data){
......
});
2.使用 XMLHttpRuquest 对象实现Ajax。
3.Ajax 传输数据的3种方式:
1).XML:笨重,解析困难,但XML是通用的数据交换格式。
2).HTML:不需要解析,可以直接放到文档中,若仅更新一部分区域可以考虑使用。但传输的数据大小有限,不是很方便,且HTML代码需要拼装完成
3).JSON:小巧,有面向对象的特征
4.使用jQuery完成Ajax操作
1).load方法:可以用于HTML文档的元素节点,把结果直接加为对应节点的子元素,通常而言,load方法加载后的数据是一个HTML片段
var $obj=...
var url=...
var args=...
$obj.load(url,args);
2).$.get.$.post,$.getJSON:更加灵活,除去使用load方法的情况,大部分时候都是使用这三个方法
Ⅰ.基本的使用
//url:Ajax请求的目标URL
//args:传递的参数:JSON类型
//data:Ajax响应成功之后的数据,可能是XML,HTML,JSON
$.get(url,args,function(data){
......
});
Ⅱ.请求JSON数据
$.get(url,args,function(data){
......
},"JSON");
$.post(url,args,function(data){
......
},"JSON");
$.getJSON(url,args,function(data){
......
});