jquery .load target出现在新页面上

Question

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

以下是代码：

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

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

的div

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

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

Answer 1

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

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