加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

MVC3----AJAX辅助方法

发布时间:2020-12-16 02:07:34 所属栏目:百科 来源:网络整理
导读:===================Ajax.ActionLink ActionLink方法可以创建一个具有一步行为的锚标签。 例如: 给页面一个链接,点击链接在当前页面显示信息,而不是打开一个新的页面 -- 视图代码: @Ajax.ActionLink("ajax",//页面链接名称"GetAjax",//控制器中的方法new

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

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

例如:

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


--视图代码:

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

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

publicActionResultGetAjax()
{
returnthis.PartialView();
}



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

案例:异步查询数据

--视图代码:

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

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

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

publicActionResultpersonSearch(stringq)
{
varlist=db.SchoolTypes.Where(r=>r.st_name==q).Select(r=>r).ToList();
returnPartialView(list);
}

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读