Ajax数据格式HTML

来源：互联网发布：mpls支持的网络协议编辑：程序博客网时间：2024/06/05 11:07

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>

0 0