内容成果新语法

1、.Net MVC 之Ajax广州传智播客 讲师：邹华栋再看ViewBag既然有了 ViewData，为何要ViewBag?public ActionResult Edit(int id) ViewBag.Dog= new Dog() Id=id,Name=Ruiky ; retrun View();Html.TextBox(Dog.Name); MVC使用AjaxJqueryJquery插件微软非入侵式脚本微软脚本(为保证向后兼容，可直接删除)Unobtrusive Ajax使用方式(非入侵式)通俗：就是将嵌入在Html中的JavaScript全部取出来，放在单独的 js 文件中，html标签

2、中不要出现任何onclick、onload 等Unobtrusive Ajax ：方便程序员编写简单易于维护的ajax代码（Code is cleaner and easier to maintain）。基本特点1.网页内容和表单使用纯 HTML；2.不借助 JavaScript，表单和超级连接也能正常使用；3.页面外观完全由 CSS 控制，而不是 HTML（不要用 table 来布局） 或 JavaScript；4.任何人都能通过任何设备（考虑不支持JavaScript的设备）访问；非侵入式脚本：JS代码与html代码分离。 MVC 全局开启非入侵ajax可在单个视图页面(View)上关闭已

3、经默认开启客户端验证 和 非侵入式jsHtml.EnableUnobtrusiveJavaScript(false);Html.EnableClientValidation(false);配置文件页面添加非入侵js文件MVC AjaxHelper 异步链接按钮View中：Ajax.ActionLink 创建 ajax 超链接按钮 一般用来请求动态生成的部分html代码(分部视图)Ajax.ActionLink(链接文本, PartialView, new AjaxOptions() UpdateTargetId=divMsg,/数据显示的html容器id InsertionMode= Inse

4、rtionMode.Replace, /替换容器内容 HttpMethod=Post )public PartialViewResult PartialView() BlogUser bloguser = new BlogUser()Id=1,Name=Ruiky; return PartialView(bloguser);Controller中必须开启 非入侵式 Ajax：导入Jquery和unobtrusiveAjax文件MVC AjaxHelper 异步表单View中：Ajax.BeginForm 创建 异步表单using(Ajax.BeginForm(PartialView,Home,

5、new AjaxOptions UpdateTargetId=msgDiv , InsertionMode= InsertionMode.Replace, HttpMethod=post , OnFailure= fail, LoadingElementId=lodeingmsg) public PartialViewResult PartialView(int id) BlogUser bloguser = db.BlogUser.Find(id); return PartialView(bloguser);Controller：必须开启 非入侵式 Ajax：导入Jquery和unobtru

6、siveAjax文件MVC AjaxHelper 异步表单View中：Ajax.BeginForm 创建 异步表单using(Ajax.BeginForm(PartialView,Home,new AjaxOptions UpdateTargetId=msgDiv , InsertionMode= InsertionMode.Replace, HttpMethod=post , OnFailure= fail, OnSuccess=success , plete=comlete, LoadingElementId=lodeingmsg) function fail(xhr) alert(方法参

7、数是异步对象+ xhr.responseText); function complete(xhr) alert(方法参数是异步对象+ xhr.responseText); function success(text) alert(方法参数是响应报文体+ text); UpdateTargetId： 目标元素id，获取服务器响应后，将获取的响应报文体显示到目标元素的innerHTML中。InsertionMode： InsertAfter 插入目标元素原有内容之后；InsertBefore 插入目标元素原有内容之前； Replace 替换目标元素原有内容LoadingElementId：异步对象

8、readyState=4之前显示正在加载状态的元素idUnobtrusive Ajax使用方式(非入侵式)AjaxOptionsHTML attributeConfirmdata-ajax-confirmHttpMethoddata-ajax-methodInsertionModedata-ajax-mode *LoadingElementDurationdata-ajax-loading-duration *LoadingElementIddata-ajax-loadingOnBegindata-ajax-begin plete pleteOnFailuredata-ajax-failure

9、OnSuccessdata-ajax-successUpdateTargetIddata-ajax-updateUrldata-ajax-urlAjaxOptions对象生成【对应】触发ajax请求的标签的 属性下一页请求Json数据View中：Ajax.ActionLink(click here, DogList, new AjaxOptions() UpdateTargetId=divMsg, InsertionMode= InsertionMode.Replace, HttpMethod=Get )public ActionResult PartialView() /返回类型也可写 JsonResult var dogList = db.Dogs.ToList(); return Json(dogList, JsonRequestBehavior.AllowGet);Controller中：使用 Json方法 返回一个 JsonResultMVC框架默认不允许使用Json响应Get请求，需要开启。Jquery请求 控制器Action除了url指向 控制器的 Action方法外，其它和以前一样具体参见 Jquery帮助文档 ajax 方法：$.ajax $.post $.load $.getJquery 模板插件导入脚本： $CID$CName$CCou