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); } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |