Ajax学习笔记-JQuery中的Ajax

JQuery对Ajax操作进行了封装，在JQuery的最底层的方法是$.ajax(),第二层是load() $.get() $.post(), 第三层是$.getScript()和$.getJSON().

andy.json{"person":{
"name":"umgsai",
"website":"http://www.baidu.com",
"email":"umgsai@126.com"
}
}

小结：
什么是Ajax？ 不用刷新页面，但可以和服务器端进行通信的方式。使用Ajax的主要方式是XMLHttpRequest对象

使用XMLHttpRequest对象实现Ajax（了解）。现在一般使用JQuery或者其他的JS框架来获取。

Ajax传输数据的三种方式
①XML：笨重，解析困难。但XML是通用的数据交换格式
②HTML：不需要解析可以直接放到文档中，若仅更新一部分区域，但传输的数据不是很方便，切HTML代码需要拼装完成。
③JSON：小巧，有面向对象的特征，并且提供很多第三方的Jar包把Java对象或集合转成Json字符串。是目前使用最多的方式。

使用JQuery完成Ajax操作
①load方法：可以用于HTML文档的元素结点，把结果直接加为对应结点的子元素。通常load方法加载的数据是HTML片段。
var $obj = ...
var url = ...
var agrs = {key:value,...};
$obj.load(url, args);
② $.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){
})
本文出自 “优赛工作室” 博客，请务必保留此出处http://shamrock.blog.51cto.com/2079212/1561606