js获取html文件的思路及示例
内容摘要
复制代码 代码如下: function readHTML(){ $.ajax({ async:false, url : "aa.html“, success : function(result){ alert(result); } }); } async:false,这个是做与其他的
文章正文
复制代码 代码如下:
function readHTML(){
$.ajax({
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 (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
代码注释
作者：喵哥笔记
