.NET MVC AjaxHelper

我们首先必须开启 非入侵式 Ajax：导入Jquery和unobtrusiveAjax文件

已经默认开启客户端验证 和 非侵入式js

<add key="ClientValidationEnabled" value="true" />
<add key="UnobtrusiveJavaScriptEnabled" value="true" />

页面添加非入侵js文件

<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript">
</script>

可在单个视图页面(View)上关闭非侵入式和客户端验证

@{Html.EnableUnobtrusiveJavaScript(false);}

@{Html.EnableClientValidation(false);}

Unobtrusive Ajax使用方式(非入侵式)

非侵入式脚本：JS代码与html代码分离

通俗：就是将嵌入在Html中的JavaScript全部取出来，放在单独的 js 文件中，html标签中不要出现任何onclick、onload 等

Unobtrusive Ajax ：方便程序员编写简单易于维护的ajax代码（Code is cleaner and easier to maintain）。

基本特点

1.网页内容和表单使用纯 HTML；

2.不借助 JavaScript，表单和超级连接也能正常使用；

3.页面外观完全由 CSS 控制，而不是 HTML（不要用 table 来布局） 或 JavaScript；

4.任何人都能通过任何设备（考虑不支持JavaScript的设备）访问；

例:MVC AjaxHelper – 异步链接按钮

View中：@Ajax.ActionLink 创建 ajax 超链接按钮 

     一般用来请求动态生成的部分html代码(分部视图)

Controller中

分部视图代码

运行结果:

 

例:MVC AjaxHelper – 异步链接按钮

View中：@Ajax.BeginForm 创建 异步表单

 

 

控制器中:

public ActionResult GetTime()
{
string text = Request["Text"];
Thread.Sleep(3000);
return Content(text + DateTime.Now.ToString());
}

 

AjaxOptions对象生成【对应】触发ajax请求的标签的 属性