MVC3----AJAX辅助方法

===================Ajax.ActionLink

在古县等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都网站设计、成都网站制作 网站设计制作按需设计网站,公司网站建设,企业网站建设,高端网站设计,全网营销推广,外贸网站建设,古县网站建设费用合理。

ActionLink方法可以创建一个具有一步行为的锚标签。

例如:

给页面一个链接,点击链接在当前页面显示信息,而不是打开一个新的页面

--视图代码:

@Ajax.ActionLink("ajax",//页面链接名称
"GetAjax",//控制器中的方法
new AjaxOptions
{
    UpdateTargetId = "getajax",//要替换的标签
    InsertionMode = InsertionMode.Replace,//插入模式:替换标签
    HttpMethod = "get"//get请求
})
<!--被操作的标签-->
<div id="getajax"></div>

--控制器代码:(返回一个部分视图到前台,需要在视图中创建一个GetAjax.cshtml视图)

public ActionResult GetAjax()
{
    return this.PartialView();
}


===================Ajax表单

案例:异步查询数据

--视图代码:

<!--ajax执行失败时执行一段脚本-->
<script>
    function loadFailure() {
        $("#div1").text("加载失败");
    }
</script>

@using (Ajax.BeginForm("personSearch",//控制器方法
    "PersonError",//控制器
    new AjaxOptions() { //AjaxOptions对象
    HttpMethod="get",//提交方式
    InsertionMode = InsertionMode.Replace,//插入模式:替换标签
    UpdateTargetId = "div1",//操作的标签
    LoadingElementId = "ajax-load",//点击提交按钮时,一个显示加载的状态(这里用的是gif加载图片)
    OnFailure="loadFailure"//当ajax执行失败时执行一段脚本
}))
{
    <input type="text" name="q" />
    <input type="submit" value="提交" />
    <!--加载的状态(这里用的是gif加载图片)-->
    <img id="ajax-load" src="@Url.Content("~/Content/img/017.gif")"  />
}
<!--被操作的标签-->
<div id="div1"></div>

--控制器代码:(返回一个部分视图到前台,需要在视图中创建一个personSearch.cshtml视图)

public ActionResult personSearch(string q)
{
    var list = db.SchoolTypes.Where(r => r.st_name == q).Select(r => r).ToList();
    return PartialView(list);
}

本文题目:MVC3----AJAX辅助方法
URL链接:https://www.cdcxhl.com/article36/pgoopg.html

成都网站建设公司_创新互联,为您提供自适应网站网站导航品牌网站设计面包屑导航网站设计小程序开发

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都网页设计公司