2016-12-26 26 views
-1

我想更新具體的div - 不是完整的html頁面。當我運行下面的代碼時,它工作正常,但它重新加載整個html。此外,我使用不同的佈局,例如我在不同的文件中有header,layout,footer如何在規則的時間間隔後使用JQuery AJAX更新特定的div?

$(document).ready(function() { 
    setTimeout(function(){ 
    $.ajax({ 
     url: 'http://localhost:3002/jrt/?jId=$data.jacket.id', 
     method: "GET", 
     cache: false, 
     success: function(data) { 
     //$("#gt").append(data); 
     $('#gt').html(data); 
     }, 
     error: function(jqXHR, textStatus, errorThrown) { 
     alert('error ' + textStatus + " " + errorThrown); 
     } 
    }) 
    },10000); 
}) 
+0

可能的複製http://stackoverflow.com/questions/25446628/ Ajax的jQuery的刷新DIV-每-5秒。在提問之前進行搜索 – Garfield

+0

您正在更新特定元素:'$('#gt')。html(data);'如果您想更新其他元素,請更改選擇器以標識該元素。 – David

+0

向我們展示你的HTML ..是'html'有id'gt'嗎?如果不是,那麼元素'#gt'是誰? –

回答

1

假設返回的數據是HTML,你可以通過做$(data).find('your-selector')選擇它的東西來編輯爲例:

[...] 
success: function(data) { 
    $('#gt .something-inside').html($(data).find('.something-inside')); 
}, 
[...] 
+0

'假設返回的日期是html' - 你爲什麼假設這個?閱讀評論.. –

+0

@moshFeu,因爲你說整個HTML重新加載,所以我認爲它與您從請求中獲得的其他HTML重新加載。無論如何,你只需要做'$('#gt .something-inside').html(data);' –

+0

顯然你是對的。不是'html'元素,但它是應用程序的根元素。 –

相關問題