AJAX

从技术上讲，AJAX代表异步JavaScript和XML（Asynchronous JavaScript and XML AJAX）.

Ajax支持的核心来自开源的JavaScript库JQuery。

JQuery的口号是"少写，多做"。JQuery擅长在Html文档中查找、遍历、和操纵HTML元素。

JQuery函数是在浏览器完成构建HTML页面中文档对象模型（DOM）之后立即执行。

JQuery选择器是指在传递给JQuery函数的、用来在DOM中选择元素的字符串。

$("#header")  查找ID为header的元素
$(".editor-label") 查找class名为“.editor-label”的所有元素
$("div")查找所有的div元素
$("#header div")查找id值为“header”元素的所有后代的<div>元素
$("#header >div")查找id值为“header”元素的所有子<div>元素
$("a:even")查找编号为偶数的锚标签

JQuery提供了用来订阅DOM中事件的API

JQuery方法链：$("a").mouseover(function(){...}).mouseout(function(){...})等同于$("a").hover(function(){$(this).toggleClass("heightlight")})
　　　　　　　　以上代码证明了证明了JQuery的出色表现。

JQuery包含了向Web服务器回发异步请求所需要的所有功能。

非侵入式JavaScript：将script脚本放在一个单独的js文件中，不与视图文件混淆，只在视图文件留下一个引用。

MVC视图引用Jquery文件代码
<Script src="@Url.Content("~/Scripts/MusicScripts.js")" type="text/javascript"></script>

MVC在节点中放置脚本：@RenderSection("scripts",required:false)----------设置插入节点

　　　　　　　　　　　 @section scripts{<script src="..."  type="text/javascript"></script>}----------插入脚本文件引用

上面的方法可以设置脚本标签的精确位置。常用于向布局中插入引用文件。

如果要使用AJAX辅助方法需要引入jquery.unobtrusive-ajax.min.js文件
<script src="@Url.content("~/Scripts/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>

【ActionLink方法】创建具有异步行为的锚标签。

MVC【HTML5特性】所有的ASP.NET MVC AJAX特性都使用date-特性。

【MVC中根目录web.config文件中AJAX设置】
<appsettings>
　　<add key="ClientValidationEnabled" value="true"/>----客户端验证
　　<add key="UnobtrusiveJavaScriptEnabled" value="true"/>----非侵入式JavaScript
</appsettings>

HTML辅助方法EnableClientValidation和EnableUnobtrusiveJavaScript在视图中等同于上述配置。

 

 

 

 

 

 

 

 

转载于:https://www.cnblogs.com/NoticeWang/p/3186596.html