MVC 程序开发课件第七章 应用Ajax.ppt

ASP.NET MVC 程序开发 ?第 *页 ASP.NET MVC 程序开发 ?第 *页 ASP.NET MVC 程序开发 第七章 应用Ajax 第七章 应用Ajax ASP.NET MVC 程序开发 ?第 *页 7.1 Ajax辅助方法 7.2 客户端验证 7.3 自定义Ajax功能 7.4 提高ajax性能 本章小结 7.1 Ajax辅助方法 ASP.NET MVC 程序开发 ?第 *页 在ASP.NET MVC中内置了Ajax的辅助方法，可以帮助开发人员快速地实现Ajax的开发效果。在ASP.NET MVC中使用Ajax辅助方法时，有个调节Microsoft Ajax和jQuery的适配器，这个适配器决定了应用程序的配置，能使用JavaScript库进行Ajax请求。具体配置在ASP.NET MVC项目中的配置文件“Web.config”的配置节appSettings中, add key=UnobtrusiveJavaScriptEnabled value=true / 默认情况下“UnobtrusiveJavaScriptEnabled”键值为“true”；如果为“false”，则不能使用Ajax辅助方法。还可以在“Global.asax”文件中设置HtmlHelper的UnobtrusiveJavaScriptEnabled属性为“true”。 7.1 Ajax辅助方法 7.1.1 Ajax的actionlink方法 在ASP.NET MVC框架中包含一组Ajax辅助方法，它可以用来创建表单和指向控制器操作的链接。使用这些辅助方法时，不用编写脚本来实现程序的异步。在Razor视图中，Ajax辅助方法可以通过Ajax属性访问。和HTML辅助方法类似，Ajax属性的大部分Ajax辅助方法都是扩展方法，AjaxHelper类型除外。 最常使用的Ajax辅助方法有两个： Ajax.ActionLink(); Ajax.BeginForm(); ASP.NET MVC 程序开发 ?第 *页 7.1 Ajax辅助方法 例如要在项目MvcApp7的首页index打开一个“About”链接，用户单击链接时在主页指定位置显示About页面的信息，而不是打开新页面显示。 具体步骤见教材。 ASP.NET MVC 程序开发 ?第 *页 7.1 Ajax辅助方法 7.1.2 Ajax表单 Ajax表单是使用Ajax异步提交表单的数据。通过一句话来提交提交表单的数据，并制定请求地址，还可以将请求到的Json数据填写到表单的各个区域中。使用Ajax的表单最大的好处是，即使浏览器不支持JavaScript也可以正常运行。Ajax表单实现的主要方法有AjaxForm（）和AjaxSubmit（），这两个方法都支持众多的选项参数，选项参数可以使用Options对象来提供。 ASP.NET MVC 程序开发 ?第 *页 7.1 Ajax辅助方法 例如要在MvcApp7项目中添加一个留言板页面，需要用户输入数据，就要先在页面上添加一个form标签，它不是普通的表单，而是一个异步表单。然后输入留言信息，最后在当前页面上显示留言内容。 具体步骤见教材。 ASP.NET MVC 程序开发 ?第 *页 7.2 客户端验证   用户在浏览网站时查询信息，注册，登陆等操作过程中，都会在客户端输入数据信息，输入的数据是否规范，就需要进行验证。相对于服务端验证，客户端验证速度更快，效率更高。在ASP.NET MVC中的客户端验证默认是开启状态，提供了jQuery插件来实现客户端验证。 ASP.NET MVC 程序开发 ?第 *页 7.2 客户端验证   7.2.1 jQuery验证 在上节留言板的案例MvcApp7项目中，只提交了留言，不管留言是否为空，输入数据是否符合条件，都可以提交留言，程序存在漏洞，如何解决这个漏洞，就是本节的主要任务，学会使用jQuery验证。 在MvcApp7的留言板模块添加jQuery验证，从而验证标题不能为空，邮箱不能为空，并验证邮箱格式是否正确，QQ号和留言内容不能小于5个字符等。 具体步骤见教材。 ASP.NET MVC 程序开发 ?第 *页 7.2 客户端验证   7.2.2 自定义验证 jQuery验证时，通过引入jquery.js和jquery.validate.js脚本，加载jQuery插件和jQuery非侵入式适配器，应用ASP.NET MVC默认的验证规则集就可以实现客户端验证。在很多情况下，有些验证并不是常用