AJAX中的POST请求方式

/**
 *作者:makaay
 *功能:ajax的post请求方式
 */
 
 
//声明一个全局变量
var XMLHttp;

//创建XMLHttpRequest对象
function createXMLHTTP()

 //老版本的IE
 if(window.ActiveXObject)
 {
  XMLHttp = new ActiveXObject("Microsoft.XMLHTTP");
 }
 //IE7 或者firefox
 else if(window.XMLHttpRequest)
 {
  XMLHttp = new XMLHttpRequest();
 }
 //返回这个对象
 return XMLHttp;
}

//客户端调用的函数
function checkuser()
{
 //获取用户名
 var username=document.getElementById('username').value;
 //获取密码
 var userpass=document.getElementById('userpass').value;
 //要发送的数据
 var user = "username="+username+"&userpass="+userpass;
 //调用createXMLHTTP()函数,得到XMLHttpRequest对象
 createXMLHTTP();
 //注册回调函数callback!。。。函数名后面不能带()!!!!
 XMLHttp.onreadystatechange = callback;
 
 //设置传输信息
 /**
 *1,传输方式:get,post,put
 *2,要传送到的地址
 *3,异步还是同步,默认为true(异步)可选
 *4,username 可选
 *5, userpass 可选
 **/
 
 //这是POST请求,但是后面加上一个参数的原因是避免缓存影响我们的数据结果!
 XMLHttp.open("post","CheckUserServlet?time="+new Date().getTime(),true);
 //如果是post方式,要设置下面这句请求头信息,get则不用
 XMLHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
 //发送请求
 XMLHttp.send(user);
}

//回调函数
function callback(){
 //判断交互状态是否完成 有5个状态 0.1.2.3.4  4是表示完成
 if(XMLHttp.readyState ==4){
  //判断是否发生错误 200表示成功
  if(XMLHttp.status ==200){
   //如果状态为4,并且请求相遇码为200则执行下面的语句
   //alert(XMLHttp.responseText);
   
   //调用show这个函数
   show();
  }
 }
}

function show(){
 //获得ID号为showresult的节点
 var showresult = document.getElementById("showresult");
 //接收返回回来的数据
 var responseText =XMLHttp.responseText;
 //将返回来的数据的值给showresult
 showresult.innerHTML=responseText;
}

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值