您的位置:首页 > 其它

.NET MVC AjaxHelper

2015-11-25 16:16 489 查看
我们首先必须开启 非入侵式 Ajax:导入Jquery和unobtrusiveAjax文件

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

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

l页面添加非入侵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请求的标签的 属性

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: