[MSDN]ASP.NET MVC2(10)整合AJAX应用

说明：本内容来自微软的webcast，讲师为苏鹏。视频没有书方便(想看哪页就看哪页)，所以抄录要点和老师语录。

内容介绍

-          Ajax类库介绍

-          ASP.NET MVC2使用ajax类库实例

预备知识

-          安装VS2010

-          了解ASP.NET

-          了解Ajax基础知识

-          了解设计模式基本概念

在ASP.NET MVC中使用

-          Microsoft ASP.NET AJAX

-          jQuery

AJAX的使用范围

-          适合AJAX的场景

-          不适合AJAX的场景

门户网站局部更新

使用AJAX没有状态，使回退按钮无法退回上一个内容。

有的浏览器禁用Script

过多使用AJAX，导致服务器负载过大

AJAX使用实例

-          每个AJAX请求都会制定确定的Action

-          Action会判定是否来自Ajax

-          针对Ajax请求必须返回一个特殊的View

脚步启用问题

Ajax.BeginForm:以Ajax方式提交

记载js是阻塞模式，前面加载完，才加载后面的。

《高效javascript》

HelloAjax Action的代码

AJAXHome的html

解决脚本启用问题

x-rquested-requested的扩展

2006左右w3c就给http handler 加了一些扩展。

下面达到复用，避免修改客户端程序

Request.IsAjaxRequest

使用PartialView返回

当是Ajax请求使用PartialView，不是Ajax请求使用View返回结果。

介绍MS ASP.NET AJAX

“.NET for JavaScript

使用Jquery 更新

Jquery ajax提交

两者的使用场景

AutoComplete Textbox

使用asp.net ajax 类库实现

使用jquery实现

使用ASP.NET AJAX 实现 AutoComplete

下图是webservice部分

[system.web.script.services.scriptservice]脚步可以调用

下图是客户端调用webservice部分

需要把System.Web.Extensions文件夹的js复制到project的scripts里。

在webfrom里，有scriptmanager，会引用所有的js。

通过下拉框筛选数据

下图写在view层，省略了action

下图使用htmlhelper把view生成html

下图是jquery调用

 

使用模态窗口

页面中有一窗口在前端一直显示，不让您做其他操作

先下载js和css

再是写代码

评级控件

主要：使用css将radiobutton重载了

先下载css和图片content/image

然后，提交到服务器端

最后，内容放回客户端，设置星的状态

使用ajax特性实现方法

方法：在页面的头部加入ajax特效

说明：ready回调提交，使用的ajaxsubmit

总结

-          Ajax类库介绍

-          Asp.net mvc2 使用ajax类库实例

附：

标题：粗体+斜体+黑色

ppt文字：宋体+黑色

作者语录：斜体+黑色/红色/蓝色

我的心得：@开头