记录一段AJAX的基本写法,代码加注释,很多人认为它神秘,其实看了就明白了
<scripttype="text/javascript">
varrequest=false;
try......{
request=newXMLHttpRequest();//非微软浏览器
}catch(trymicrosoft)......{
try......{
request=newActiveXObject("Msxml2.XMLHTTP");//微软IE
}catch(othermicrosoft)......{
try......{
request=newActiveXObject("Microsoft.XMLHTTP");//微软其他
}catch(failed)......{
request=false;
}
}
}
if(!request)//老式浏览器不支持XMLHttpRequest对象的
alert("ErrorinitializingXMLHttpRequest!");
functiongetCustomerInfo()......{
varphone=document.getElementById("Text1").value;//获取表单上Text摸值
varurl="http://localhost:14379/WebHtmlPartDynamic/Default2.aspx?phone="+escape(phone);//请求的网页
request.open("GET",url,true);//建立请求:GET方式,地址,TRUE为异步调用
request.onreadystatechange=updatePage;//服务器处理完毕调用哪个方法
request.send(null);//发送请求(一般不发送安全信息和XML为NULL)
}
functionupdatePage()......{
if(request.readyState==4)//判断HTTP请求的就绪状态,这里4是最后一状态
if(request.status==200)//请求正常的状态码为200(返回错误连接的404类似的一种表示)
......{
vardh=request.responseText;
alert(dh);
}
elseif(request.status==404)//以下为错误检查
alert("RequestURLdoesnotexist")
else
alert("Error:statuscodeis"+request.status);
}
</script>
<body>
<formid="form1"runat="server">
<div>
<inputid="Text1"type="text"/>
<inputid="Submit1"type="submit"value="submit"onclick="getCustomerInfo()"/></div>
</form>
</body>
protectedvoidPage_Load(objectsender,EventArgse)
......{
if(!IsPostBack)
......{
stringstr=Request.QueryString["phone"];
Response.Write(str);
Response.Flush();
Response.End();
}
}
这里用.NET的ASPX做返回处理的服务端
JS代码,调用方法
<scripttype="text/javascript">varrequest=false;try......{request=newXMLHttpRequest();//非微软浏览器}catch(trymicrosoft)......{try......{request=newActiveXObject("Msxml2.XMLHTTP");//微软IE}catch(othermicrosoft)......{try......{request=newActiveXObject("Microsoft.XMLHTTP");//微软其他}catch(failed)......{request=false;}}}if(!request)//老式浏览器不支持XMLHttpRequest对象的alert("ErrorinitializingXMLHttpRequest!");functiongetCustomerInfo()......{varphone=document.getElementById("Text1").value;//获取表单上Text摸值varurl="http://localhost:14379/WebHtmlPartDynamic/Default2.aspx?phone="+escape(phone);//请求的网页request.open("GET",url,true);//建立请求:GET方式,地址,TRUE为异步调用request.onreadystatechange=updatePage;//服务器处理完毕调用哪个方法request.send(null);//发送请求(一般不发送安全信息和XML为NULL)}functionupdatePage()......{if(request.readyState==4)//判断HTTP请求的就绪状态,这里4是最后一状态if(request.status==200)//请求正常的状态码为200(返回错误连接的404类似的一种表示)......{vardh=request.responseText;alert(dh);}elseif(request.status==404)//以下为错误检查alert("RequestURLdoesnotexist")elsealert("Error:statuscodeis"+request.status);}</script>
HTML代码 如何调用
<body><formid="form1"runat="server"><div><inputid="Text1"type="text"/><inputid="Submit1"type="submit"value="submit"onclick="getCustomerInfo()"/></div></form></body>
ASPX里写的,做为响应AJAX请求的处理部分
protectedvoidPage_Load(objectsender,EventArgse)......{if(!IsPostBack)......{stringstr=Request.QueryString["phone"];Response.Write(str);Response.Flush();Response.End();}}
扫一扫
943
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
