Utilisez la technologie Ajax pour compléter la fonction de connexion à la page d'accueil via l'objet XMLHttpRequest

Cet article présente principalement l'utilisation de la technologie Ajax pour compléter la fonction de connexion à la page d'accueil via l'objet XMLHttpRequest. C'est une bonne tentative. Les amis dans le besoin peuvent s'y référer

Récemment, la technologie Ajax est utilisée pour. complétez la fonction de connexion à la page d'accueil via l'objet XMLHttpRequest !

Le code est le suivant :

<script type="text/javascript">

//创建XMLHttpRequest对象

function createXMLHttpRequest(){

if(window.XMLHttpRequest){
return xmlhttprequest=new XMLHttpRequest();
}else{
return xmlhttprequest=new ActiveXObject("Microsoft.XMLHTTP");
}

}

//登录按钮执行的方法

function doStart(){

var logname=document.getElementById("loginName").value;
var logpass=document.getElementById("loginPsw").value;

var userinfo="inAccount="+logname+"&inPsw="+logpass;

var url="users/users_pswCheck.action";

xmlhttprequest=createXMLHttpRequest();

xmlhttprequest.onreadystatechange=getresultValue;

xmlhttprequest.open("post",url,true);
xmlhttprequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlhttprequest.send(userinfo);

}

//回调方法

function getresultValue(){
if(xmlhttprequest.readyState==4 && xmlhttprequest.status==200){

var result=xmlhttprequest.responseText;

if(result=="success"){
window.location.href="index.jsp" rel="external nofollow" ;
} else {

document.getElementById("xiaoxi").innerHTML="登录失败！";

}

}

}

//页面的按键事件，即当按的是回车键时触发该事件

function keybutton(){

if(event.keyCode==13){ 
doStart(); 
return;
} 
}
</script>

Ce qui précède est ce que j'ai compilé pour vous. J'espère qu'il vous sera utile à l'avenir. .

Articles connexes :

Intégration du framework SSH+Jquery+Ajax

Comment utiliser la publication jQuery pour transmettre des données contenant des personnages

Les similitudes et les différences entre ajax et le développement Web traditionnel

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!