Ajax: 异步 js 和 xml
- 异步刷新:如果网页中某一个地方需要修改,异步刷新可以使:只刷新该需要修改的地方,而页面中其他地方保持不变。例如百度搜索框,视频点赞
js : XMLHttpRequest对象
XMLHttpRequest对象的方法:
open (方法名(提交方式get|post),服务器地址,true) : 与服务器端建立连接
send():
get: send(null)
post: send(参数值)
sendReuqestHeader(header,value):
get:不需要设置此方法
post:需要设置
a:如果请求元素中包含了 文件上传:
setReuqestHeader("Content-Type","multipart/form-data");
b:不包含 文件上传
setRequestHeader("Content-Type","application/x-www-form-urlencoded")
XMLHttpRequest对象的属性:
readState:请求状态 只有状态为4 代表请求完毕
status:响应状态 只有状态为200代表响应正常
onradystatechange:回调函数
responseTest: 响应格式为String
responseXML:响应格式为XML
jquery:推荐
三种方式:
ajax:
$.ajax({
url:
data:
success:function(result,testStatus){
}
error:function(xhr,errorMessageage,e){
}
});
get:
$.get(
function(result){
}
预期返回值类型(string/xml)
);
post:
$.post(
function(result){
}
);
预期返回值类型(string/xml)
"xml" 或 "json" 或 "text"
load:
$().load(
);
load:将服务器的返回值 直接加载到$(xxx)所选的元素中
getJson