如何從Ajax調用的Div內調用Ajax調用？

下面是示意圖： http://img233.imageshack.us/img233/4895/13423274.jpg

在DIV 1和DIV 2我做的Ajax調用的內容。 Ajax調用是由主頁面創建的。如果我想打一個電話從DIV 1更改DIV 2它不工作=/
我想：

document.getElementById('div2').innerHTML = data;

誰能幫助我？謝謝！

來源

2011-01-26 Loruaasd

一個id不能以數字開頭，這樣可能會導致問題。

除此之外，它取決於您的JavaScript位於何處以及如何以及何時將其附加到您的事件處理程序。

如果JavaScript包含在DIV 1中加載的代碼中，應該沒有問題，但是如果它已經存在於頁面中，則需要儘快將其附加到新加載的DIV 1中它被加載。

請參閱jQuery .live() function documentation的詳細解釋我的意思。

來源

2011-01-26 15:33:31 jeroen

對不起，我做錯了，它調用Div2，但是，我不想使用Jquery這一個。似乎Div1內部無法訪問div2，而div2內部我無法訪問div1 – Loruaasd 2011-01-26 15:43:28

因此，在DIV1的內容中，您有一些鏈接，比如想要將內容加載到DIV2中？然後你需要做的事情是將事件監聽器添加到DIV1中的鏈接中，以便當它們被點擊時，他們將創建AJAX調用，將內容加載到DIV2中。

我建議使用jQuery（http://jquery.com/），你可以做這樣的事情：

// getting the content into DIV1 
$('#div1').load('/path/to/backend.php', function() 
{ 
    // the ajax request is complete, so let's add listeners to the a tags in DIV1 
    $('#div1 a').click(function() 
    { 
     // this clears DIV2's content 
     $('#div2').empty(); 

     // and now we load some ajax by getting the href of the a tag and passing that to our backend 
     $('#div2').load('/path/to/backend.php', { page: $(this).attr('href') }; 
    }); 
});

你可以在這裏閱讀更多：http://api.jquery.com/load/

來源

2011-01-26 15:37:44

如何從Ajax調用的Div內調用Ajax調用？

回答

相關問題