Ajax post传值示例
下面图老师小编跟大家分享一个简单易学的Ajax post传值示例教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!
var XMLHttpReq = false;
// 创建 XMLHttpRequest 对象(主函数不需改变)
function createXMLHttpRequest(){
if(window.XMLHttpRequest){ // Mozilla 浏览器
XMLHttpReq = new XMLHttpRequest();
}else if (window.ActiveXObject){ // IE 浏览器
try{
XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){}
}
}
}
//发送请求函数(提交xml格式的请求参数)
function sendRequest(url,xml){
createXMLHttpRequest();
XMLHttpReq.open("POST",url,true);
XMLHttpReq.onreadystatechange = processResponse;//指定响应函数
XMLHttpReq.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
XMLHttpReq.send(xml);//发送请求
}
//创建XML
function createXML(){
var xml = "user";
xml = xml + "namesunjianbin/name";
xml = xml + "password7980421/password";
xml = xml + "/user";
return xml;
}
//处理返回信息函数(处理xml格式的返回信息)
function processResponse(){
if(XMLHttpReq.readyState == 4){ // 判断对象状态
if(XMLHttpReq.status == 200){ // 信息已经成功返回,开始处理信息
readXml();
}else { //页面不正常
window.alert("您所请求的页面有异常。");
}
}
}
function readXml(){
var objects=XMLHttpReq.responseXML.getElementsByTagName("user");
for(var i=0;iobjects.length;i++){
var object = objects[i];
var name=object.getElementsByTagName("name")[0].firstChild.data;
var password=object.getElementsByTagName("password")[0].firstChild.data;
alert("name"+name+",password"+password);
}
}
function sendto(){
var url="/test/servlet/test";
var xml=createXML();
sendRequest(url,xml)
}
/script