Question

这是我使用ajax将外部页面转换为div的代码我试过的是我点击按钮我必须在div中显示响应但我尝试过几次但不起作用。我的javascript代码是

var rootdomain="http://"+window.location.hostname

function ajaxinclude(url) {
    var url=rootdomain+url;
    alert(url);
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
} 
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
page_request.open('GET', url, false) //get page synchronously 
page_request.send(null)
writecontent(page_request)
}

function writecontent(page_request){
if (window.location.href.indexOf("http")==-1 || page_request.status==200)
document.getElementById("eee").innerHTML=(page_request.responseText);
}

这是我的身体部分：-----

<input type="button" onclick="ajaxinclude('/songcake/index.php')" value="Click !" />
<div id="eee" style=" width:400px; height:800px;">
</div>

请帮助

感谢。

Answer 1

使用jQuery，您可以执行类似

的操作

$.get('/songcake/index.php', function(data) { $("#eee").html(data); });

Answer 2

将您的方法附加到代码中没有的onreadystatechange

 page_request.onreadystatechange = writecontent;

 function writecontent() {
   if (page_request.readyState != 4)  { return; }
   document.getElementById("eee").innerHTML=(page_request.responseText);

 }

如何在div中调用远程页面？

2 个答案: