Ajax拿取html格式数据
生活随笔
收集整理的這篇文章主要介紹了
Ajax拿取html格式数据
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
數據格式提要
- 在服務器端Ajax是一門與語言無關的技術。在業務邏輯層使用何種服務器端語言都可以
- 從服務器端接收數據的時候，那些數據必須以瀏覽器能夠理解的格式來發送。服務器端端編程語言能以如下3種格式返回數據： XML JSON
HTML
解析 HTML
- HTML由一些普通文本組成，如果服務器通過XMLHttpRequest發送HTML，文本將存儲在responseText屬性中。
- 不必從responseText屬性中讀取數據。它已經是希望的格式，可以直接將它插入到頁面中。
- 插入HTML代碼最簡單的方法是更新這個元素的innerHTML屬性。
HTML小結
優點：
從服務器端發送端HTML 代碼在瀏覽器不需要用JavaScript進行解析
HTML的可讀性好
HTML代碼塊與innerHTML屬性搭配，效率高
缺點：
若需要通過Ajax更新一篇文檔的多個部分，HTML不合適
innerHTML并非 DOM標準。
代碼展示如下：
1、html代碼（文件名為：test1.html）：
<h2><a href="mailto:15204510180@163.com">JBK</a></h2> <a href="http://baidu.com/">http://baidu.com/</a>2、html解析代碼：
<!doctype html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><script>window.onload = function () {var as= document.getElementsByTagName("a");for(var i=0;i< as.length;i++){as[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.status==304){document.getElementById("details").innerHTML=request.responseText;}}}return false;}}}</script> </head> <body> <a href="test1.html">1</a> <a href="test1.html">2</a> <a href="test1.html">3</a> <a href="test1.html">4</a> <div id="details"></div> </body> </html>總結
以上是生活随笔為你收集整理的Ajax拿取html格式数据的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： (转)媒体格式分析之flv -- 基于F
- 下一篇： 面试宝典（三）