基于ajax异步请求的实现
岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的基于ajax异步请求的实现,希望大家看完后能赶快学习起来。
//设一个变量
var XMLHttpReq=false;
//创建一个XMLHttpRequest对象
function createXMLHttpRequest(){
if(window.XMLHttpRequest){ //Mozilla
XMLHttpReq=new XMLHttpRequest();
}
else if(window.ActiveXObject){
try{
XMLHttpReq=new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
XMLHttpReq=new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){}
}
}
}
//发送请求函数
function send(url){
createXMLHttpRequest();
XMLHttpReq.open("GET",url,true);
XMLHttpReq.onreadystatechange=proce; //指定响应的函数
XMLHttpReq.send(null); //发送请求
}
function proce(){
if(XMLHttpReq.readyState==4){ //对象状态
if(XMLHttpReq.status==200){//信息已成功返回,开始处理信息
var res=XMLHttpReq.responseText;
document.getElementById("info").innerHTML = res;
//window.alert(res);
}else{
window.alert("所请求的页面有异常");
}
}
}
//身份验证
function check(){
//var name=document.getElementById("name").value;
var province=document.getElementById("state");
var pindex = province.selectedIndex;
var pValue = province.options[pindex].value;
//var pText = province.options[pindex].text;
if(pValue==""){
alert("请输入姓名");
return false;
}
else{
send('model.cfm?event='+pValue);
}
}
/script
/head
body
table
form action="login" method="post"
trtd姓名: input id="name" type="text" name="name1"/p
input type="button" value="检测!" onClick="check()"/
/td
td align="left"
select id="state" name="state" onChange="check()"
option value="866"Virginia/option
option value="867"Georgia/option
option value="865"California/option
/select
/td
/tr
/form
/table
DIVspan name="info" id="info" style="background:#eeffdd; padding-left:4px; padding-right:4px;"/span/DIV
/body