Ajax.BeginForm 在 Chrome下的问题

项目背景：MVC4

代码：

@using (Ajax.BeginForm("Index", "GoingMeter", new AjaxOptions { OnSuccess = "result",OnBegin="begin" })) 
 {
        // do something......
 }
 .....
 
 function result(e)
 {
     //....
 }
 
 function begin()
 {
     alert('提交了。。。');
 }

 

在用Google Chrome、Safari时，result、beign 一直没执行，而在IE、Mozilla Firefox却正常。

最后在stackoverflow找到了答案：

I have found a weird solution to the problem. I was calling the ajax form's submit through an 'a' tag like so:

<A href='#' onclick="javascript:$('#ajaxform').submit();">Remove</a>

For some reason calling the '.submit()' from an 'a' tag was messing up in chrome causing a full page refresh instead of an ajax call. I fixed the issue by using the following code instead:

<input type='submit' value='Remove' />

This solution also worked when I needed to add javascript commands to the input to ask for confirmation before deleting. The only gripe is that I needed to swap around some markup to ensure that my buttons were happening within the form that they were submitting (something that I understand isn't always possible in all situations).

 把<a href="#" onclick="$("form").submit();" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-save'" id="btnSave">保存</a>

改成 <input type="submit" value="保存"/>就一切OK了。

来自：http://guolingfa.cn/Article/Details/b342c20102874b75971126fa1bdb8a75