如何避免回发当我点击MVC中的按钮

本文关键字:MVC 按钮 何避免 | 更新日期: 2023-09-27 18:14:08

我有两个按钮在我的cshtml页面。当我点击第一个按钮数据从数据库中获取,并绑定它我的控件。记录很多,所以第二个按钮向下,然后我点击第二个按钮同样的事情也发生了从数据库中取回并绑定网格,所以页面被加载,然后页面向上。当我点击第二个按钮时,我想留在同一个地方。如何预防?

如何避免回发当我点击MVC中的按钮

让你的按钮像这样:

<input type="button" id"button2" onclick="CallAjax();return false;"/>

//then in javascript

function CallAjax()
{
//your ajax call here to retrieve or update data
}

这是MVC 101…

让你的按钮成为一个标准的HTML5按钮,在点击时调用JavaScript函数…

 <input type="button" id="goButton" value="Go »" onclick="goFunction();">

(我不认为你必须"返回false"的按钮,只有提交)

然后,在视图中使用Razor帮助器对控制器进行Ajax调用…

function goFunction() {
    var url = '@Url.Action("MyActionMethodName", "MyControllerName")';
    var settings = { 'some data': 'some values' };
    $.ajax(url, settings);
}

关于如何使用"settings"对象的更多信息,请参阅JQuery Ajax页面。

顺便说一句——听起来你在"分页一个网格",但你只是忘了说……使用一个工具,比如剑道。分页问题解决了,不要再解决了