2012-12-28 149 views
1

我使用AJAX併發送帖子。 在響應200好吧,我可以看到,我能夠看到我想要的div。但該數據被替換,但正在追加。 你能指導我如何調試這些類型的問題並修復它們。Ajax Post刷新一個div

request.done(function(response) { 
alert('Loaded.'); 
$('#data1').html(response); 
}); 

我能夠看到「加載」警報即將到來。所以它完成了。螢火蟲上的 我可以看到200行與數據。

1)#data1是一個Javascript模板。 所以,我試圖更新該模板,這將觸發表中的數據和所有被修改。

數據是:

<divid='data1'> 
<script> ...................</script> 
</div> 

,所以我看到的數據得到更新。但舊數據沒有被刪除。 我想:replaceWith 與也,它只是追加頁面,而不是取代它

=

這個div是一個JavaScript模板。 所以這個div爲:

<div id='data1'><script> .....</script></div> 
  1. 我的瀏覽器數據始終得到更新,而不是替代。
  2. 一個更基本的問題,如果我得到的答覆是附加數據。當我看到視圖源時,甚至顯示屏上都會顯示示例20條目。它顯示只有10個條目是初始的,當Ajax收到響應時,源不會被修改?
+4

你的意思是使用'.html(response)'而不是'.html(data)'? –

+1

該lisa'variable只是'undefined',使用'response' – sdespont

+0

感謝@Explosion,sdespont它的一個錯字。這樣做後,我在瀏覽器上看到我可以看到舊的條目,並且新的條目正在增加。 1)頁面源代碼沒有改變。當我說div應該完整的div不能被替換? –

回答

1
<div=data1> 
<script> ...................</script> 
</div> 

是無效的HTML。它應該是:

<div id='data1'> 
<script> ...................</script> 
</div> 

你缺少的屬性id=一部分。

+0

謝謝巴爾馬爾。這是我發佈的問題中的一個錯字。我確實有提到的屬性。問題是:在瀏覽器中,舊錶項不會被刪除,而是在div中,但新條目正在追加。這是問題。我正在重新說明這個問題。我的錯誤 –

+0

AJAX響應中的div是否與您正在填充的div具有相同的ID?這是創建一個重複的ID,這可能會導致問題。你最終得到'

...
'。 – Barmar

+0

感謝@Barmar的reply.yes AJAX響應具有與填充相同的div ID。我不認爲這是重複的。 –

1

應該

request.done(function(response) { 
alert('Loaded.'); 
$('#data1').html(response); 
}); 

和標記HSA一個錯字太多更內嵌有良好的標記

<div="data1"> 
    <script> ...................</script> 
</div> 
<!-- use/instead of \ to close tags--> 

歡呼

+0

即使它是追加和不刷新的內容 –