Ajax学习

Ajax学习

1.Ajax： 异步 js 和xml 核心功能：异步刷新功能
异步刷新：如果网页某一个地方需要修改，异步刷新可以使：只刷新需要修改的地方，而页面其他位置的内容保持不变。例如：百度搜索框、视频点赞。

2.实现：
js: XMLHttpRequest对象

XMLHttpRequest对象的方法：
open(提交方式[get|post], 服务器地址,true):与服务器建立连接
send();如果是get()请求 则send(null);post请求则send(参数值)；
setRequestHeader(header,value):

• get:不需要设置此方法
• post:需要设置：
  a.如果请求元素包含了 文件上传 ：setRequestHeader(“Content-Type”,“multipart/form-data”)
  b.不包含文件上传：setRequestHeader(“Content-Type”,“application/x-www-form-urlencoded”);

XMLHttpRequest对象的属性
readyState:请求状态 4是请求完成。
status:响应状态 只有200 代表响应正常
onreadystatechange:回调函数
reponseText:响应格式为String
responseXML:响应格式为XML

jQuery方式： 推荐使用

$.ajax({
	url:服务器地址，
	请求方式： get|post,
	data:请求数据,
	success:function(result,testStatus){

},
error(result,errorMessage){

}
})

$.get(
	服务器地址，
	请求数据，
	function(result){
	if(result=="true"){
		return true;
}
}
预期返回值类型"xml"或"json"或"text"	
);

$.post(
    服务器地址，
	请求数据，
	function(result){
	if(result=="true"){
		return true;
}
}
预期返回值类型"xml"或"json"或"text"	
)

/

/直接将服务器返回的值赋给选择器的内容。
$("选择器").load({
	服务器地址，
	请求数据，
});

$.getJSON(
	服务器地址，
	JSON格式的请求数据,
	function(result){
	if(result=="true"){
		return true;
}
}
)