第9课 - Ajax - [精通JavaScript+jQuery]
随着网络技术的不断发展,web技术日新月异。人们迫切的希望在浏览网页时,就像在使用自己电脑上的桌面程序一样,能够方便、迅速的进行每一项操作。而Ajax就是这样一种全新的技术,它使得浏览器与桌面应用程序之间的距离越来越近。
本章围绕Ajax的基本概念,介绍异步链接服务器对象XMLHttpRequest,以及Ajax的一些实例,并对Ajax技术进行简单的分析。
本节课时长11分48秒,下载文件19.8兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载。
1. 认识Ajax
- Ajax(Asynchronous JavaScript and XML,异步JavaScript与XML)是相对较新的名字,通常被人们亲切的称作“阿贾克斯”
- 传统的web采用同步交互的形式,即用户向服务器发送一个请求,然后服务器根据用户的请求执行相应的任务,并返回结果
- Ajax与传统的web应用不同,它采用的是异步交互的方式
- Ajax的组成部分
- JavaScript
- CSS
- DOM
- XMLHttpRequest 对象
2. XMLHttpRequest对象
- 异步对象链接服务器
- 创建
- 建立请求
- 异步对象链接服务器
- onreadystatechange事件
- send()发送
- GET VS. POST
37,071





你好老师谢谢你提供这好学习内容
按你的9-1.html
我为什么点击安钮没有任何反应
是不是请求目标一定是文件后缀是.aspx文件呢。
我本地环境是php.apache 的
相当感谢有这么好的教学资源提供给我们,让我一个新手找到了学习的方向.多谢老师
[…] JavaScript开发进阶 第6课 – JavaScript事件 – [精通JavaScript+jQuery] 第7课 – 表格与表单 – [精通JavaScript+jQuery] 第8课 – Javascript调试与优化 – [精通JavaScript+jQuery] 第9课 – Ajax – [精通JavaScript+jQuery] […]
感谢您的分享
为什么14-11.html例子在IE6,无法获得XML?而火狐显正常
hi,最后的GETvsPOST例子很好,只是再说明一下GET和POST的区别就好了
请问,为什么要区分GET和POST呢?什么时候用GET,什么时候用POST呢?二者异同
不错,学习了,谢谢
怎么下啊
ghjin,
下载视频教程吗?直接点“下载”按钮就可以了,然后找一个 FLV文件的播放器即可播放。
老师你好,在用window.open弹出窗口时经常会被浏览器拦截,请问有什么方法可以避免吗?(不是在INTERNET选项中设置,而是在代码中想办法)望老师回答,谢谢。
老迷糊飞侠 ,
对于这种问题,我现在一般是用 jquery UI的界面组件了,可以很方便地做出弹出的对话框等效果,控制起来也很方便,你可以试试看。
不过需要注意浏览器的兼容性,多测试。
老师 您好,最近听了您这个视频 受益匪浅 先说声十分感谢。
我现在出来点问题,在第9,14章有关Ajax的源文件我都不能正常运行,放在火狐里面也一样,希望老师不吝赐教,十分感谢,急!
鬼鬼,
这个需要后程序支持,如果要调试,需要安装一下IIS才可以解析ASP或者ASP.net的页面。
或者安装一个 Visual Studio,它自带一个测试用的Web Server。
谢谢老师 我问题解决了, 这个暑假我重点学习了AJAX ,我本身是学ASP.NET的,希望不是通过ASP.NET AJAX框架来学习,而是纯的AJAX,更底层的东西,能提供一些学习途径么,我目前还不知道怎么结合两者处理一盒简单的登录身份验证····
鬼鬼 ,
是的,ASP.NET AJAX 这个框架实在太庞大了,用着不爽。他们现在也有纯客户端的AJAX框架,不过我没有试验过,我一直就用jQeury,基本上也都够用了。
用jQeury实现AJAX,已经相当底层了,基本上都是直接的了。你有《精通JS+jQuery》这本书吧?里面给出不少Ajax的具体案例,我觉得你都搞清楚了,基本上在遇到新问题,也可以套用了。
有具体问题,来这里或者我们的论坛交流吧:
http://talking.artech.cn/thread-178-1-1.html
老师,买了您的Javascript+JQuery书看,不错.不过小弟有一问题想您帮忙,能否把第9章中Ajax实现自动提示的文本框里面的(9-10.aspx)改成(9-10.asp)代码给我呢.我想了很久都不会啊.希望老师帮忙啊,感激不尽~~
XinG ,
装一个免费的 Visual Web Developer 2008,然后不需要安装IIS,就可以直接调试asp.net的页面,很方便。
我很多年不用ASP了,不过对于书上的这几个简单的例子,我觉得基本上和ASP.net没有本质区别。原则就是直接返回内容即可,不要戴上无关的HTML标记。
这下载速度老慢了~
快乐,
您可以换个时间再试试看?
我这里用的是北京网通的ADSL,下载速度还可以,可以大约100KByte/s,中国的网络情况很复杂,我们的资金很有限,没有办法保证所有地方下载都很快。
我购买您的图片,在22页中,有关于子选择器”>”的描述:对直接后代有影响的选择器,而对”孙子”以及多个层的后代不产生作用. 例如代码:p>span{ color:red;} html:最外层中间层最里面层 显示的效果应该是:只有”中间层”显示为红色,其它的不变,但是我在ie7.0和ff里面测试的时候,都是”中间层最里面层”显示为红色,请问,是书上写错了,还是有其它的原因?
安少,
我明白你的意思了。
在你的案例中,你想知道的是,最里层的颜色和中间层的颜色相同的原因。
这里,二者的颜色相同,并不是由于这个“子选择器”的原因,而是由于子选择器的作用,中间层这个span的color设置为red以后,它里面的[b]元素继承了中间层span的文字颜色。
要看出“子选择器”与“后代选择器”的差别,你可以稍稍修改你的案例。在你的最外层“p”和中间层“span”之间再套一层,比如“strong”,这时,你会发现,如果是 “p>span” ,则不会使span中的文字变为红色,如果使用“p span”则会使span中的文字变为红色。这才能体现出 “>”的作用来。
你试试看,如果还有问题,可以到我们论坛发帖,那里可以贴代码。
老师,
非常感谢您的回复,确实是像您说的那样.我的问题解决了.
请允许我提一点点建议给您:
1,书上关于这点确实没有说清楚,那个例子的说明是错误的.如果再版的话,最好能改过来.
2,现在这个网站对于显示>之类的html符号,应该进行编码处理,因为这个,您对我的提问不能很好的理解,而且还会存在很大的安全隐患.alert(”网站有漏洞”);
你说得对,这个例子举的不好,重印的时候应该换一个。谢谢!
要改这个留言板比较麻烦,我也试过一下,但是发现不是很快可以搞定的。这个系统是现成的,我们又使用了第三方的插件,所以这个逻辑已经很复杂了,要看懂源代码,憨厚修改有点麻烦,等有时间了再仔细琢磨一下。
确实对于一个讨论技术的网站来说,正确显示 相关的代码还是有必要的,而不是直接去掉
#block2{
background-color:#ffbd76;
border:1px dashed #000000;
padding:10px;
position:absolute; /* absolute绝对定位 */
left:50px;
top:60px;
为什么这里块元素定义了绝对定义就不默认占据整行了呢??而是变成小块,没有什么宽度。
小李,
“块元素定义了绝对定义就不默认占据整行了呢??而是变成小块”, 这就是CSS规范定义的,我们就按照规范执行就是了,就好像交通规规定靠右行驶,咱们就得按规定走。
谢谢老师的回答。
一直感觉老师对新手的帮助很大 ,你的所有回答很很耐心,认真,权威,容易理解。
我只能是精神上默默支持老师继续这样下去,大家会感谢你的,再次表示感谢。
温老师: 您的声音还是比较有亲和力,我建议。。。。
米奇 ,
你建议什么?
我建议您来讲JS的视频吖。。。。
米奇,
呵呵,等以后有时间的时候~~~