2013-03-04 35 views
1

在MVC4應用程序中,我想使用AJAX更新面板,但使用jQuery方法替代使用MVC中的AjaxExtensions。什麼是馬上用AJAX更新面板?

但我的問題是updatePanelId

我見過幾個人使用時,具有成功更新:

success: function (response) { 
    var $target = $("#target"); 
    var $newHtml = response; 
    $target.replaceWith($newHtml); 
} 

但是當我這樣做,它迫使我在包含id="target"在根級別的每個局部視圖使用我的剃刀視圖,我想這不是一個好習慣;我之所以這麼說,是因爲我意識到當我使用AjaxExtensions時,它不會發生,替換更新並且它不會刪除panelId。但使用jQuery它。

任何想法將AjaxExtensions功能移植到jQuery?

+0

@Cory哦,我沒有想過這功能的想法。那麼這就是AjaxExtensions中類似的方法嗎? – 2013-03-04 23:08:11

回答

1

你可以使用:

$("#target").html(response); // it will just update content of the $("#target") container 
1

使用jQuery's .load function。這會將您指定的URL的內容加載到目標元素中。您可以選擇在加載URL後指定一個選擇器來僅抓取目標頁面的一部分。

$(function() { 
    $("#target").load("/MyURL"); 
}); 

JavaScript same origin policy適用於此。