您现在的位置:首页 >> 前端 >> 内容

Ajax——大纲

时间:2017/4/11 8:13:00 点击:

  核心提示:Ajax大纲:不用刷新页面,但可以和服务端进行通信的方式,使用Ajax的主要方式是XMLHttpRequest对象。2.使用 XMLHttpRuquest 对象实现Ajax。[了解]3.Ajax 传输...
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){
......
});

Tags:AJ JA AX X— 
作者:网络 来源:不详