AJAX中的POST请求方式
2008-11-24 20:45
309 查看
/**
*作者: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;
}
*作者: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;
}
相关文章推荐
- POST方式发送ajax请求详解
- Ajax中的get和post两种请求方式的用法
- Extjs6 设置Store、Ajax、form的请求方式(GET、POST)
- Ajax中的get和post两种请求方式的异同
- AJAX POST请求中参数以form data和request payload形式在servlet中的获取方式
- AJAX POST请求中参数以form data和request payload形式在php中的获取方式
- javascript/js的ajax请求方式:GET与POST
- AJAX POST请求中参数以form data和request payload形式在php中的获取方式
- Ajax中get和post两种请求方式的用法
- ajax的get 和post方式发送请求
- AJAX POST请求中参数以form data和request payload形式在servlet中的获取方式
- AJAX POST请求中参数以form data和request payload形式在servlet中的获取方式
- 关于Ajax的type为post提交方式出现请求失效问题
- AJAX POST请求中参数以form data和request payload形式在servlet中的获取方式
- tomcat发布项目 ajax方式post请求返回数据中文乱码问题(Eclipse中tomcat正常)
- Ajax中的get和post两种请求方式的异同
- ajax发起请求 get/post方式
- AJAX POST请求中参数以form data和request payload形式在servlet中的获取方式
- AJAX POST请求中参数以form data和request payload形式在servlet中的获取方式
- AJAX POST请求中参数以form data和request payload形式在servlet中的获取方式