AJax技术

ajax学习札记(三)

字号+ 作者:H5之家 来源:H5之家 2017-11-16 12:02 我要评论( )

ajax学习笔记(三) 格式文本数据,具体方法可以采用字符串拼接的方式(严格格式要求),但最好采用中如果请求地址相同, ,页面端发出的数据作两次对象 方法与服务器建立连接 if(window.ActiveXObject){var domObj=xmlhttp.responseXML;}else if(window.XML

ajax学习笔记(三)

格式文本数据,具体方法可以采用字符串拼接的方式(严格格式要求),但最好采用中如果请求地址相同,

,页面端发出的数据作两次对象

方法与服务器建立连接

if(window.ActiveXObject){ var domObj=xmlhttp.responseXML; }else if(window.XMLHttpRequest){ var parser = new DOMParser(); var domObj= parser.parseFromString(xmlhttp.responseText, "text/xml"); } if (domObj) { //dom中利用getElementsByTagName可以根据标签名来获取元素节点,返回的是一个数组 var messageNodes = domObj.getElementsByTagName("message"); if (messageNodes.length > 0) { //获取message节点中的文本内容 //message标签中的文本在dom中是message标签所对应的元素节点的字节点,firstChild可以获取到当前节点的第一个子节点 //通过以下方式就可以获取到文本内容所对应的节点 var textNode = messageNodes[0].firstChild; //对于文本节点来说,可以通过nodeValue的方式返回文本节点的文本内容 var responseMessage = textNode.nodeValue; //将数据显示在页面上 //通过dom的方式找到div标签所对应的元素节点 var divNode = document.getElementById("result"); //设置元素节点中的html内容 divNode.innerHTML = responseMessage; } else { alert("XML数据格式错误,原始文本内容为:" + xmlhttp.responseText); } } else { alert("XML数据格式错误,原始文本内容为:" + xmlhttp.responseText); }

?

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Ajax Blog 用到的几个函数第1/3页

    Ajax Blog 用到的几个函数第1/3页

    2017-11-17 10:00

  • ajax学习篇(一)

    ajax学习篇(一)

    2017-11-16 10:02

  • Laravel+jQuery实现AJAX分页效果

    Laravel+jQuery实现AJAX分页效果

    2017-11-16 08:06

  • ajax,websocket,mysql做即時聊天可行嗎?

    ajax,websocket,mysql做即時聊天可行嗎?

    2017-11-15 17:29

网友点评
/