===================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);
}
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。