说明:本内容来自微软的webcast,讲师为苏鹏。视频没有书方便(想看哪页就看哪页),所以抄录要点和老师语录。
内容介绍
- Ajax类库介绍
- ASP.NET MVC2使用ajax类库实例
预备知识
- 安装VS2010
- 了解ASP.NET
- 了解Ajax基础知识
- 了解设计模式基本概念
在ASP.NET MVC中使用
- Microsoft ASP.NET
- 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左右w
下面达到复用,避免修改客户端程序
Request.IsAjaxRequest
使用PartialView返回
当是Ajax请求使用PartialView,不是Ajax请求使用View返回结果。
介绍MS ASP.NET
“.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文字:宋体+黑色
作者语录:斜体+黑色/红色/蓝色
我的心得:@开头