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:请求的状态有五种

  1. 0未初始化:对象已经创建,尚未调用open()
  2. 1已初始化:调用open
  3. 2发送数据:调用send
  4. 3传输中:接收到部分数据,接收尚未完成
  5. 4完成:数据接收完成

onreadystatechange:回调函数,当状态发生变化,就会调用回调函数

status:状态码200,

responseText:保存响应的文本

posted @ 2022-10-27 08:25  困到很想醒  阅读(97)  评论(0编辑  收藏  举报