Ajax数据格式HTML
发布时间:2020-12-16 00:30:09 所属栏目:百科 来源:网络整理
导读:1、数据格式简介: ? 在服务器端 AJAX是一门与语言无关的技术。在业务逻辑层使用何种服务器端语言都可以。 ?从服务器端接收数据的时候,那些数据必须以浏览器能够理解的格式来发送。服务器端的编程语言只能以如下3 种格式返回数据: –XML –JSON –HTML 2
1、数据格式简介:
? 在服务器端 AJAX是一门与语言无关的技术。在业务逻辑层使用何种服务器端语言都可以。
?从服务器端接收数据的时候,那些数据必须以浏览器能够理解的格式来发送。服务器端的编程语言只能以如下3 种格式返回数据:
–XML
–JSON
–HTML
2 解析 HTML
? HTML 由一些普通文本组成。如果服务器通过XMLHttpRequest 发送HTML,
文本将存储在 responseText 属性中。
?
不必从 responseText 属性中读取数据。它已经是希望的格式,可以直接将它插入到页面中。
?插入 HTML代码最简单的方法是更新这个元素的 innerHTML属性。
3:HTML 小结
?优点:
–从服务器端发送的 HTML代码在浏览器端不需要用 JavaScript 进行解析。
–HTML 的可读性好。
–HTML 代码块与 innerHTML 属性搭配,效率高。
?缺点:
–若需要通过 AJAX更新一篇文档的多个部分,HTML 不合适
–innerHTML 并非DOM 标准。
4:例子:
<html> <head> <title>My JSP 'index.jsp' starting page</title> <script type="text/javascript"> window.onload=function(){ var aNodes=document.getElementsByTagName("a"); for(var i = 0;i < aNodes.length; i++){ aNodes[i].onclick=function(){ var request=new XMLHttpRequest(); var url=this.href; var method="GET"; request.open(method,url); request.send(null); request.onreadystatechange=function(){ if(request.readyState==4){ if(request.status==200||request==304){ <span style="color:#ff6666;"> document.getElementById("details").innerHTML=request.responseText; </span> } } } return false; } } }; </script> </head> <body> <h1>People</h1> <ul> <li> <a href="files/andy.html">Andy</a> </li> <li> <a href="files/richard.html">Richard</a> </li> <li> <a href="files/jeremy.html">Jeremy</a> </li> </ul> <div id="details"></div> </body> </html>超链接中的数据格式如下所示: <h2> <a href="mailto:andy@clearleft.com">Andy Budd</a> </h2> <a href="http://andybudd.com/">http://andybudd.com/</a> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |