Ajax.BeginForm 异步搜索

浏览数：43 / 时间：2015年06月09日

视图页面的代码如下：

<div id="ajax_search">
    @using (Ajax.BeginForm(
        "Search",//Action
        "Test",//Controller
        new AjaxOptions
        {
            InsertionMode = InsertionMode.InsertAfter,
            HttpMethod = "GET",
            UpdateTargetId = "ajax_search",
            LoadingElementId = "loader",//服务端在执行操作时，展示一个进度给用户看，相当于进度条
            OnFailure = "Failed",//服务端执行失败后调用的js方法
            OnSuccess = "Success"//服务端执行成功后调用的js方法
        }))
    {
        <input type="text" name="q" />
        <input type="submit" value="搜索" />
        <img id="loader" style="display: none" src="~/Content/img/progress.gif" />
    }

</div>

控制器内要有一个执行异步搜索的Action，代码如下：

//异步搜索
        public ActionResult Search(string q)
        {
           // throw new Exception("故意让你报错");
           // System.Threading.Thread.Sleep(3000);
            string msg = "你搜索的关键词："+q;
            return PartialView("_search", msg);
        }

要新增一个分布视图【也叫：部分视图】到指定目录里面，用于展示异步搜索的结果。

当然跟Ajax.ActionLink 介绍的一样，也需要引用jquery.unobtrusive-ajax.min.js到母版页里面【_Layout.cshtml】

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style 代码 src log html http si 方法 class style 代码 src log html http si 方法

相关文章

随机文章

您可能还喜欢

您可能还喜欢