什么是使用AJAX更新面板的权利？

Question

在MVC4应用程序中，我想使用AJAX更新面板，但使用jQuery方法而不是使用MVC中的AjaxExtensions。

但我的问题是updatePanelId。

我看到有几个人在成功时使用它来更新它：

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

但是当我这样做时，它迫使我在我的剃刀视图根部的每个部分视图中使用id="target"，我想这不是一个好习惯;我说这是因为我已经意识到当我使用AjaxExtensions时它不会发生，替换更新并且它不会删除panelId。但是使用jQuery就可以了。

是否有任何想法将AjaxExtensions功能移植到jQuery？

Answer 1

使用jQuery's .load function。这会将您指定的URL的内容加载到目标元素中。您可以选择在加载URL后指定一个选择器，以便只获取目标页面的一部分。

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

JavaScript same origin policy适用于此。

Answer 2

您可以使用：

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