как вызвать удаленную страницу в div?

Question

это мой код для переноса внешней страницы в div с помощью ajax то, что я попробовал, я нажал на кнопку, я должен отобразить ответ в 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);

 }