Ajax异步请求、异步提交
网页中点击提交的时候,发送请求,同时,整个页面刷新,
但是在看视频,点赞的时候,不能刷新页面重头看,
所以用上Ajax技术,只刷新一小部分内容,减少服务器压力和实现需求。
它需要和js一起使用。
// var xmlHttp= new XMLHttpRequest(); xmlHttp.open("get","login",true); xmlHttp.onreadystatechange=function(){ if(xmlHttp.readyState==4){ loginMsg.innerHTML="已经提交了请求"; } } xmlHttp.send();
XMLHttpRequest对象
open( 提交方式,url,是否异步提交)
使用get方式
xmlHttp.open("get","login?stuno="+stuno+"&password="+password,true);
使用post方式
设置请求头:使用post方式的时候调用它,否则提交不了,xmlHttp.setRequeatHeader()
setRequeatHeader("Content-type","application/x-www-form-urlencoded");
xmlHttp.open("post","login",true);
xmlHttp.send("stuno="+stuno+"password"+password);
send()发送请求
get方式null
三个属性
readyState:请求的状态有五种
- 0未初始化:对象已经创建,尚未调用open()
- 1已初始化:调用open
- 2发送数据:调用send
- 3传输中:接收到部分数据,接收尚未完成
- 4完成:数据接收完成
onreadystatechange:回调函数,当状态发生变化,就会调用回调函数
status:状态码200,
responseText:保存响应的文本