2013-03-04 36 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适用于此。