Ajax post传值示例

尚北艺秀

尚北艺秀

2016-02-19 20:35

下面图老师小编跟大家分享一个简单易学的Ajax post传值示例教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!
script   language="javascript"  
  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
展开更多 50%)
分享

猜你喜欢

Ajax post传值示例

Web开发
Ajax post传值示例

调用prototype.js的ajax进行post提交示例源码

Web开发
调用prototype.js的ajax进行post提交示例源码

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

jQuery get和post 方法传值注意事项

Web开发
jQuery get和post 方法传值注意事项

javascript jQuery $.post $.ajax用法

Web开发
javascript jQuery $.post $.ajax用法

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

AJAX源码应用示例

Web开发
AJAX源码应用示例

AJAX POST的使用实例(ASP)

Web开发
AJAX POST的使用实例(ASP)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

解决AJAX 跨域访问完整解决方案

解决AJAX 跨域访问完整解决方案

中文Access2000速成教程--1.7 创建索引

中文Access2000速成教程--1.7 创建索引
下拉加载更多内容 ↓