Ajax代码,js中可直接调用

前端之家收集整理的这篇文章主要介绍了Ajax代码,js中可直接调用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
<script type="text/JavaScript">
  var xmlHttpRequest;
  function createXmlHttpRequest(){
      if(window.ActiveXObject){
          return new ActiveXObject("Microsoft.XMLHTTP");
      }else if(window.XMLHttpRequest){
          return new XMLHttpRequest();
      }
  }
  
  function sendMessage(){
   // 发送请求到服务器,判断用户名是否存在
   // 请求字符串
   var url = '${pageContext.request.contextPath}/servlet/AjaxServlet';
   // 1. 创建XMLHttpRequest组件
   xmlHttpRequest = createXmlHttpRequest();
   // 2. 设置回调函数
   xmlHttpRequest.onreadystatechange = haoLeJiaoWo;
   // 3. 初始化XMLHttpRequest组件
   xmlHttpRequest.open("POST",url,true);
   xmlHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=utf-8");
   // 4. 发送请求
   xmlHttpRequest.send('uname=zhangsan&sex=men');
  }
  
  
  function haoLeJiaoWo(){
        if(xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200){
             var xmlObj = xmlHttpRequest.responseXML; //获得服务器回传的XML数据
             //var xmlObj = xmlHttpRequest.responseText;   获得服务器回传的Text数据
        }
  }
 </script>


-----------------------------------------------------------------------------------
var xmlObj = xmlHttpRequest.responseXML;
nextSibling(a)     当前节点的下一个节点
prevIoUsSibling(a) 当前节点的上一个节点
firstChild(a)          当前节点子元素的第一个元素
lastChild(a)           当前节点子元素的最后一个元素
documentElement(a)     document对象的根节点
getElementsByTagName(m) 获得所有名字等于参数的所有元素的集合
removeChild(m)          当前节点删除直接子节点
createElement(m) 创建元素
appendChild(m)  给当前元素添加子元素
text(a)   给当前元素添加Text文本
tagName(a)  当前元素的名称
createAttribute(m) 创建属性
属性.text(a)  给当前属性赋值  
setAttributeNode(m) 给当前节点添加属性
getAttribute(m)  获得属性的值
length(a)  返回当前有多少个元素,通常与childNodes配合使用,返回当前元素子元素的个数
childNodes(a)  获得当前元素的所有子元素,返回元素集合


原文链接http://www.jb51.cc/article/p-piqlyghv-xr.html

原文链接:https://www.f2er.com/ajax/162225.html

猜你在找的Ajax相关文章