1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > ajax document.write 使用AJAX时 JavaScript Document.Write替换所有正文内容

ajax document.write 使用AJAX时 JavaScript Document.Write替换所有正文内容

时间:2022-04-04 06:03:00

相关推荐

ajax document.write 使用AJAX时 JavaScript Document.Write替换所有正文内容

我正在创建一个简单的ajax调用,该调用检索指定url的内容并将其写入页面。我遇到的问题是它用此信息替换了整个体内的内容

这是JS:

(function(){

var mb = window.mb = {};

function get_ad(url, parameters){

var result = "";

var http_request = false;

if (window.XMLHttpRequest) { // Mozilla, Safari,...

http_request = new XMLHttpRequest();

if (http_request.overrideMimeType) {

http_request.overrideMimeType('text/html');

}

} else if (window.ActiveXObject) { // IE

var avers = ["Microsoft.XmlHttp", "MSXML2.XmlHttp", "MSXML2.XmlHttp.3.0", "MSXML2.XmlHttp.4.0", "MSXML2.XmlHttp.5.0"];

for (var i = avers.length -1; i >= 0; i--) {

try {

http_request = new ActiveXObject(avers[i]);

if (http_request){

break;

}

} catch(e) {}

}

}

if (!http_request) {

alert('Cannot create XMLHTTP instance');

return false;

}

http_request.onreadystatechange = function(){

if (http_request.readyState == 4) {

if (http_request.status == 200) {

gen_output(http_request.responseText);

} else {

alert('Error');

}

}

}

http_request.open('GET', url + parameters, true);

http_request.send(null);

}

function gen_output(ad_content){

document.write("

");

document.write(ad_content);

document.write("

");

}

get_ad("http://localhost/test/test.html", "");

})();

这是HTML:

Untitled Document

i am text before

i am text after

使用萤火虫进行检查,我看不到

id="mb_ad">test.html页之前和之后的内容。如果我删除ajax调用,只执行3,document.writes则之前的文本和之后的文本将正确显示。jQuery不是一个选择,我必须在没有大型库帮助的情况下执行此操作,因为大小和速度至关重要。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。