ASP.NET-ajax.BeginForm使用02

 

Ajax.BeginForm中OnFailure、Onsuccess、OnComplete函数是可以处理从后台返回的数据的，比直接使用jquery的$.ajax方法还要节约时间

 

@using(Ajax.BeginForm(
newAjaxOptions()
{
    HttpMethod="post",
    Url=@Url.Action("ajax","Home"),
    InsertionMode=InsertionMode.Replace,
    UpdateTargetId="pid",
    LoadingElementId="loding",
    LoadingElementDuration=5000,
　　 OnFailure = "onTestFailure",
     OnSuccess = "onTestSuccess"

 })) {  <input type="submit" value="点击返回ajax内容"/> }

<!-----------------------自定义javascript代码，里面可以处理返回的数据---------------------------!>

<script>
//<![CDATA[

    function onTestFailure(xhr, status, error) {

        console.log("Ajax form submission", "onTestFailure");
        console.log("xhr", xhr);
        console.log("status", status);
        console.log("error", error);

        // TODO: make me pretty
        alert(error);
    }

    function onTestSuccess(data, status, xhr) {

        console.log("Ajax form submission", "onTestSuccess");
        console.log("data", data);
        console.log("status", status);
        console.log("xhr", xhr);

        // Here's where you use the JSON object
        //doSomethingUseful(data);
    }

//]]>
</script>

@using(Html.BeginForm("Person","Home",new{ fk ="this is fk test"},FormMethod.Post))

fk是后台已经定义的变量名，可以从前台把变量名传回去

注意

1.需要引用jquery.unobtrusive-ajax.js

2.需要在引用jquery后引用jquery.unobtrusive-ajax.js

3.config中需要有（这个MVC4,MVC5默认就是有的）

<add key="ClientValidationEnabled" value="true" />

<add key="UnobtrusiveJavaScriptEnabled" value="true" />

Confirm	等效于javascript中的return confirm(msg)，在点击该链接时先提示需要确认的信息。
HttpMethod	指定使用Get或者是Post方式发送Http请求
InsertMode	指定使用哪一种方式在指定的UpdateTargetId元素更新数据，可以有三种方式： "InsertAfter", "InsertBefore", or "Replace" 。默认为：Replace
LoadingElementDuration	Loading元素显示的时间
LoadingElementId	可以指定在Http请求期间显示的Loading元素
OnBegin	在Http请求之前执行的javascript方法
OnComplete	在Http请求结束时执行的方法
OnFailure	在Http请求失败时执行的方法
OnSuccess	在Http请求成功时执行的方法
UpdateTargetId	Http请求更新的页面元素
Url	Http请求的Url

onBegin里面的函数是直接写就可以执行的

当然也可以写jquery的代码

来自为知笔记(Wiz)