jQuery的AJAX

AJAX的jQuery封装

jQuery采用了三层封装，最底层：$.ajax(); 第二层包括三种方法：.load()加载; $.GET()发送; $.POST()发送; 最高层： $.getScript()加载; $.getJson()加载;

第二层加载和发送

1. load()方法

$("div").load("tsconfig.json");
$(document).load("tsconfig.json",
	function(res,status,xhr){
	console.log(res,status,xhr);
	});//只加载一次json文件，res是服务器返回给客户端的数据
	//status是加载结果是否成功
	//xhr是ajax对象

$("div").load("图片路径");//将图片的二进制流加载进来

$(document).load("图片路径",function(res){
	var img=new Img();
	img.src=res;
	document.body.appendChild(img);
});

$(document).load("get地址?a=1&b=2",function(res){
	console.log(res);
});//默认将参数a和b写在地址后面，完成默认get通信

$(document).load("post地址",{a:1,b:3},function(res){
	console.log(res);
});//load的post通信方式的第二个参数是对象，就是发送给服务器的内容，完成默认post通信

$(document).load("get地址","a=1&b=2",function(res){
	console.log(res);
});//load的get通信方式的第二个参数是字符串，就是发送给服务器的内容，完成默认get通信

2. get()方法
   get()方法是通过URL解析的

$.get("get地址","a=3&b=4",function(res){console.log(res);})//以字符串形式发送

$.get("get地址",obj,function(res){console.log(res);})//以对象形式发送

3. post()方法
   post()方法是通过data数据二进制流解析的

$.post("post地址",obj,function(res){console.log(res);})

最高层 getScript()和getJson()加载

1. getScript()加载
   getScript()主要用来加载JS文件

$.getScript("js文件路径",function(res){console.log(res);})

2. getJson()加载
   getJson()主要用来加载json文件

$.getJson("json文件路径",function(res){console.log(res);})//默认将json文件转化成对象形式

最底层发送

1. AJAX()发送

var obj={a:1,b:2};
$.ajax({
	type:"get/post",
	url:"路径"，
	success:function(res,status,xhr){console.log(res);},
	error:function(data){console.log(data);},//错误数据信息
	jsop:"callback"
})//如果没写type,默认是GET方式