获取html文件(js、jquery)实现代码

发布时间:2019-10-28编辑:脚本学堂
本文介绍下,js与jquery分别实现获取html文件内容的实例代码,有需要的朋友做个参考吧。

获取html文件内容,jquery实现代码:

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

async:false,这个是做与其他的js同步的,若为true或不填将会先运行同级别的其它代码,即这里的result为空,只有其它代码执行完毕后才会运行里面的东西,result才会有值,这通常不是所需要的。

注:这是使用的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。