js取得html檔案的思路及範例_javascript技巧

複製程式碼 程式碼如下:

function readHTML(){ async:false,
url : "aa.html“,
success : function(result){
alert(result);
}
});
}


async:false,這個是做與其他的js同步的，若為true或不填將會先運行同級別的其它代碼，也就是說這裡的result為空，只有其它代碼執行完畢後才會運行裡面的東西，result才會有值，這通常不是所需要的

表達的可能不是很清楚，自己做個測試就明了，這是介紹此屬性的一個詳細的範例：http://www.cnblogs.com/wlmemail/archive/2010/06/22/1762765.html

註：這是使用的jQuery

使用js的話是下面的程式碼

複製程式碼 程式碼如下:

var xmlhttp

if
if (window. XMLHttpRequest) { // 相容IE7 , Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
}
else { // 相容IE6, IE5
xmlhttp = new ActiveXObject("Microsoft .XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("myDiv" ).innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET", "aa.html", true);
xmlhttp.send();

myDiv是你輸出的位置，這個是定義在了頁面上的一個div

這是我解決問題的來源：http://stackoverflow.com/questions/8197709/javascript-read -html-from-url-into-string
參考：http://www.w3schools.com/ajax/tryit.asp?filename=tryajax_first