Ajax:前台利器—Ajax

前端之家收集整理的这篇文章主要介绍了Ajax:前台利器—Ajax前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

【前言】

跨新年将王兴魁老师的Ajax的十三个视频进行了学习,与此同时也通过书籍或网上查阅了些关于Ajax的资料。早就听闻Ajax鼎鼎大名,之前在项目中也对它的强大功能领教一二,近几日深入走近它的世界仍收获颇丰。

前台利器】

一张图尽显利器风采:

逐步细化:

·入门:

what:Asynchronous JavaScript And XML

传统方式PK方式:

      效果

      

      实现:

       

学习环境:浏览器:IE,Firefox,Google;开发:NetBeans

·基础:

XmlHTTPRequest五步曲:

(1)建立对象;

(2)注册回调函数

(3)open方法设置基本信息;

(4)设置发送数据,与服务器交互;

(5)回调是否正确,更新页面内容

三问题及解决

(1)浏览器缓存—加时间戳

(2)中文乱码—页面端:encodeURI两次编码处理;服务器端:URLDecode类的decode方法安装utf-8方式进行decode

(3)跨域访问—使用中间层过渡(类似于代理)

·js高级知识:

数组创建和存取

对象创建和使用

json讲解

·综合实例:

实时模拟显示股票信息

模拟Google Suggest效果

【总结】

    这次学习是初步对Ajax进行了系统的了解,随着以后项目的应用还会对它进行更加深入全面的学习。Ajax可谓是新瓶装老酒,虽然它用到的技术不是新的但它的想法却是别具一格值得我们好好揣摩滴。

猜你在找的Ajax相关文章