jquery - jquery .load 目标出现在新页面上

Question

当我.load()在 jQuery 中使用该函数时，我的目标在同一页面上，但由于某种原因，它不断给我一个新页面。

这是代码：

$('form').submit(function () {
    $("#searchResults").load('@(Url.Action("GetSearchResults", "MyController"))');
});

我在同一页面上有一个名为#searchResults

我的控制器中的GetSearchResultsAction 实际上返回了一个包含 Telerik 数据网格的局部视图。

我的期望是部分视图将#searchResults使用 Ajax 加载到 div 中而无需刷新页面。但是，一个新页面会显示为部分视图，而不是更新#searchResultsdiv。

score 2 · Accepted Answer

您需要在提交事件结束时返回 false 以防止默认浏览器处理提交。

$('form').submit(function () {
      $("#searchResults").load('@(Url.Action("GetSearchResults", "MyController"))');
      return false;
});

1 回答 1