jquery .load目标在新页面上显示

Question

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

下面是代码：

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

我有一个名为#searchResults

在我的控制器的GetSearchResults行动实际上返回一个包含Telerik的数据网格的局部视图在同一页上一个div。

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

Answer 1

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

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