MVC3----AJAX辅助方法
===================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")"/>}<!--被操作的标签--><divid="div1"></div>
--控制器代码:(返回一个部分视图到前台,需要在视图中创建一个personSearch.cshtml视图)
publicActionResultpersonSearch(stringq){varlist=db.SchoolTypes.Where(r=>r.st_name==q).Select(r=>r).ToList();returnPartialView(list);}
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。