Ajax数据格式HTML

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>

Ajax数据格式HTML

相关文章