javascript前端和后台进行数据交互方法示例
在开发中遇到了在没有jQuery的情况下需要与后台进行部分数据的交互，查找了部分资料使用JavaScript实现了操作，记录一下。
//获取XMLHttpRequest对象用于与后台交互数据
functiongetXHR(){
varxmlHttp;
try{
xmlHttp=newXMLHttpRequest();//新版本浏览器
}catch(e)
{
try{
xmlHttp=newActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
try{
xmlHttp=newActiveXObject("Microsoft.XMLHTTP");//老版本浏览器}
catch(e)
{
alert("你的浏览器不支持ajax");
returnfalse;
}
}
}
returnxmlHttp;
}
functioncheck(){
varpass=document.getElementById("pass").value;
//1/得到xhr对象
varxhr=getXHR();
//2.注册状态变化监听器
xhr.onreadystatechange=function(){
if(xhr.readyState==4){
if(xhr.status==200){
varobj=document.getElementById("checkPass");
if("true"==xhr.responseText){
obj.innerHTML="验证通过";
obj.style.color="green";
}else{
obj.innerHTML="原密码输入错误！";
obj.style.color="brown";
return;
}
}
}
}
//3.建立与服务器的连接（post请求方式，也可以使用get请求方式）
xhr.open("post","请求数据的地址");
xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
//4.向服务器发出请求(使用post请求方式将数据发往后台)
xhr.send("pass="+pass);
}
到此这篇关于javascript前端和后台进行数据交互方法的文章就介绍到这了,更多相关javascript前端和后台数据交互内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票！
热门推荐
1 泰迪狗狗如何训练
3 狗狗训练图
5 狗狗训练方法
6 训练狗狗不咬人
8 敏捷训练狗狗
10 训练狗狗吃饭
11 泰迪狗狗训练
12 狗狗从多大开始训练
13 狗狗训练学校费用
14 怎么去训练狗狗
15 狗狗训练狗狗
16 狗狗训练教程
17 训练狗狗装死
18 泰迪狗狗的训练方法