5.0AjaxHelper

AjaxHelper相关方法

 @Ajax.ActionLink():用来生产异步a标签

 

 @Ajax.BeginForm():用来生产异步表单

 

 1、利用xmlhttprequest进行5步操作

 2、jquery中的相关ajax方法进行操作

 

 进行异步操作的步骤：

 1、使用@Ajax.ActionLink():用来生产异步a标签或者@Ajax.BeginForm():用来生产异步表单

 2、在视图引用jquery脚本<script src="~/Scripts/jquery-1.7.1.js"></script>

 3、在视图引用<script src="~/Scripts/jquery.unobtrusive-ajax.js"></script>

 

 注意点：如果是异步表单还应该引用：<script src="~/Scripts/jquery.validate.js"></script>

      <script src="~/Scripts/jquery.validate.unobtrusive.js"></script> 验证脚本

 

 ajaxHelper中的一些参数

 

 @Ajax.ActionLink("获取服务器时间", "GetTime", "C03AjaxHelper", new AjaxOptions()

   {

       Confirm = "您是否要发出请求吗?" //确认框

       ,

       HttpMethod = "Post" //发出post请求，防止数据缓存 (*)

       ,

       Url = Url.Action("GetTime", "C03AjaxHelper") //告诉ajax 非嵌入式脚本当前请求的url (*)

       ,

       UpdateTargetId = "disdiv" //将服务器响应回来的结果显示在id=disdiv的dom元素中,注意点：如果服务器返回的是一个application/json 格式的字符串 则此种写法没有作用了,只能使用成功回调函数 OnSuccess来进行调用

       ,

       InsertionMode = InsertionMode.InsertBefore //将服务器响应回来的结果显示到id=disdiv的dom元素中的方式

       ,

       LoadingElementId = "loading" //指定当ajax正在请求服务器，但是服务器还未响应回来的时候，将id=loading的dom元素显示给用户，当服务器响应回来以后自动隐藏

  ,

       LoadingElementDuration = 1 // 如果此值>0则出现动画效果

    ,

       OnSuccess = "sucess" //当服务器成功响应回来以后会触发此方法 (*)

       ,

       OnBegin = "begin", // 发出请求之前被触发 (*)

       OnComplete = "comp" //当调用了OnSuccess或者OnFailure的时候再触发

        ,

       OnFailure = "fail" //当前出现了异常被触发

   });

 

 

  @using (Ajax.BeginForm("Add", "C03AjaxHelper", new AjaxOptions()

    {

        HttpMethod = "post",

        OnSuccess = "sucess"

        ,

        Url = Url.Action("Add", "C03AjaxHelper")

    }))

    {

        表体

    }