Ajax post传值示例

2016-02-19 20:35 21 1 收藏

下面图老师小编跟大家分享一个简单易学的Ajax post传值示例教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!

【 tulaoshi.com - Web开发 】

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

来源:http://www.tulaoshi.com/n/20160219/1624061.html

延伸阅读
标签: Web开发
学习Ajax教程,详细了解Get与Post Get方式: 作用:可传送简单数据 大小:url最大长度是2083bytes,可以用于GET传递数据的长度是2048bytes 包含体:数据追加到url中发送,也就是http的header传送 Post方式: 作用:可传送简单复杂数据 大小:web.config里限制 包含体:数据在htt...
标签: Web开发
注意:$.get()和$.post()方法是jQuery中的全局函数。前面讲到的load()方式是对jQuery对象进行操作的。 1、 $.get()方法 $.get()方法使用GET方式来进行异步请求。 它的语法结构为: $.get( url [, data] [, callback] [, type] ) $.get()方法参数解释如下表: 参数名称 类 型 说 明 urlString请求的HTML页的URL...
标签: Web开发
jsp页面 : 代码如下: $(document).ready(function() { setInterval(function myTimer() { //alert('a'); getViews(); },1000); }); //播放 function getViews(){ $.ajax({ 'url':"${pageContext.request.contextPath}/video/getVideos.action?r="+Math.random()+"&open=1", 'data': '', 'dataType': 'json', 'type': 'get', ...
标签: Web开发
    HTTP协议请求里面的, get和post这两种请求。是最常见了,前面用的都是get请求因为是最简单的了。GET请求是通过URL的参数传递的,传的是什么,一幕了然。服务器接它的参数就可以了。不过GET请求有一些限制,最大只能传2K的内容,所以大的文本,还是要用POST来传的。如果要是上传个文件,就必需用POST了,也不能把一个文件...
标签: Web开发
jsp页面 : 代码如下: var clientTel = $("#clientTel").val(); var activityId = $("#activityId").val(); $.ajax({ type : "post",//发送方式 url : "/arweb/reserve/saveCode.action",// 路径 data : "clientTel="+clientTel+"&activityId="+activityId , success: function(text){$("#randomCode").val(text);}, error: functio...

经验教程

597

收藏

11
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部