[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

脚步启用问题

clip_image002

Ajax.BeginForm:Ajax方式提交

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

《高效javascript

HelloAjax Action的代码

clip_image004

AJAXHomehtml

clip_image006

解决脚本启用问题

clip_image008

x-rquested-requested的扩展

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

clip_image010

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

Request.IsAjaxRequest

clip_image012

使用PartialView返回

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

clip_image014

clip_image016

介绍MS ASP.NET AJAX

“.NET for JavaScript

使用Jquery 更新

clip_image018

Jquery ajax提交

两者的使用场景

AutoComplete Textbox

使用asp.net ajax 类库实现

使用jquery实现

使用ASP.NET AJAX 实现 AutoComplete

下图是webservice部分

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

clip_image020

下图是客户端调用webservice部分

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

clip_image022

webfrom里,有scriptmanager,会引用所有的js

通过下拉框筛选数据

clip_image024

下图写在view层,省略了action

clip_image026

下图使用htmlhelperview生成html

clip_image028

下图是jquery调用

 

clip_image030

使用模态窗口

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

先下载jscss

再是写代码

clip_image032

评级控件

主要:使用cssradiobutton重载了

先下载css和图片content/image

clip_image034

然后,提交到服务器端

clip_image036

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

clip_image038

使用ajax特性实现方法

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

说明:ready回调提交,使用的ajaxsubmit

clip_image040

总结

-          Ajax类库介绍

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

附:

标题:粗体+斜体+黑色

ppt文字:宋体+黑色

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

我的心得:@开头

原文地址:https://www.cnblogs.com/htht66/p/2330830.html