Question

如何用innerHTML操纵AJAX返回的HTML标签

我用AJAX从服务器传递回来一段HTML标签，比如<div id="test"></div>显示在网页上（注意原页面是没有此标签的）。现在我想用JS的innerHTML方法向该DIV标签内添加一个文本框，想实现的结果为<div id="test"><input type='text' name='abc'></div>。但是一直实现不了，页面一直显示LOADING，我猜测的原因是因为这段DIV标签是从服务器动态传输过来的，客户端的原页面并没有该DIV标签，而用innerHTML方法自然也在原页面找不到id为test的标签了，所以一直会显示loading提示，请问如何解决这个问题呢？

Answer 1

用回调函数试试。。要在页面里添加上这个div容器以后再往其中添加input.
function a(){
b(c);

}
function b(callback){
这儿获取你的返回值，将div容器写到页面；

callback();

}
function c(){
document.getElementById("test").innerHTML="<input type='text' name='abc'>";

}
你触发a函数就行了，试试。。

Answer 2

先测试服务端能否正常返回和返回的内容。

处理返回结果
function getData(){
var xmlHttp; //处理为局部变量
if(window.ActiveXObject)
xmlHttp = new ActiveXObject("Microsoft.XMLHttp");
else if(window.XMLHttpRequest)
xmlHttp = new XMLHttpRequest();
var queryString = "ajax.asp?timestamp=" + new Date().getTime();
xmlHttp.onreadystatechange = function(){
if(xmlHttp.readyState == 4 && xmlHttp.status == 200){
var responseSpan = document.getElementById(“test”);
responseSpan.innerHTML = xmlHttp.responseText;
//处理loading提示
delete xmlHttp; //收到返回结果后手动删除
xmlHttp = null;
}
}
xmlHttp.open("GET",queryString);
xmlHttp.send(null);
}