`
try1try
  • 浏览: 11260 次
  • 来自: ...
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

AJAX使用心得

阅读更多
ajax 使用心得

2005年2月,ajax在Jesse James Garrett的介绍下与大家见面了,并且马上在业界走红。我接触ajax的时间不是很长,在没认识他之前,总认为那是多么高级的应用啊!总认为他有多么的高深多么的难!当了解了他之后觉得,他没有想像中的那么难以琢磨!
传统的交互是整个页面的刷新,交互中有大量的冗余数据。那样占用了大量的带宽,降低了浏览器响应速度。而ajax的出现正好解决了这个难题的,其实ajax是众多技术“组装”出来的,其核心的就是javascript了,提到javascript 我想大家都是比较熟悉的:他是一种基于对象和事件驱动并具有安全性能的脚本语言,他原本是用来使网页变的生动的!现在在ajax技术担当了重要的角色----------与后台通信。XMLHttpRequest对象在技术中起到了主要的作用!
if(window.XMLHttpRequest) {
        this.req = new XMLHttpRequest();
    } else if(window.ActiveXObject) {
        try {
            this.req = new ActiveXObject("Msxml2.XMLHTTP");
        } catch(e) {
            try {
                this.req = new ActiveXObject("Microsoft.XMLHTTP");
            } catch(e1) {
               //
            }
        }
    }
上段代码就是创建一个XMLHttpRequest对象,由于浏览器的厂商不同对XMLHttpRequest对象的实现也不同!有了XMLHttpRequest对象就可以向后台异步发送请求而不惊动用户界面。可以通过他的send方法向后台发送一个xml ,通过open方法打开后台链接。XMLHttpRequest对象还有个重要的事件onreadystatechange ,他可以监听后台的反应,readyState属性可以标识响应情况:0 = 未初始化,1 = 正在加载2 = 加载完毕,
3 = 交互,4 = 完成 ,当readyState属性状态为4时就说明响应已经完成了,但是相应完成并不代表一定成功了 还有个status属性标识响应的状态, HTTP响应信息状态码有很多在这里我之列举几种常见的,在ajax应用中以下几种状态码是要处理的:
200 =  一切OK。
403  =  由于服务器上文件或目录的权限设置导致资源不可用
404 =  没有找到指定的资源
500 =  一般为你的后台程序抛出异常了。
当返回的状态码为200时就说明 一次请求已经成功的响应了,你就可以通过DOM对 responseText进行解析了,这样一次异步调用就完成了。
有必要时要设置RequestHeader,比如请求类型(content-type) 缓存( Cache-Control )特别是字符编码格式,有时会遇到返回的是一串乱码,那就要统一字符编码格式。
这样说起来 ajax也就那么回事,当然这个只是最原始最基本的,了解了他的核心你使用起ajax框架来也就顺畅多了,现在有很多出色的ajax的框架,比如Dojo ,Google AJAXSLT ,Ajax.Net ,Java BluePrints …… 这些框架各有各的特点,大多数都只支持某一种语言。开发者开发java web程序就要去寻找支持java的框架 要开发.net程序就的去寻找支持net程序的框架。这样很不方便。其实webshop就是个不错的开发ajax程序的工具,有了他你就不用在为找合适的框架而烦恼了,他支持java net php vb等流行开发语言,并且还支持可视化操作,Webshop的ADL库对ajax做了很好的封装,操作后台就像调用前台方法一样简单。

知道了ajax原理,又有这么好用的现成的开发工具,现在ajax开发不再难了吧?还不快去下载webshop体验一下吧!

千脑在线操作系统webOS就是用它开发的例子。
   
分享到:
评论

相关推荐

    Ajax 学习心得和经验谈

    令人兴奋的技术,宝贵的实用经验和心得!

    jQuery Ajax使用心得详细整理及注意事项

    jQuery Ajax相关文章想必大家在网上面已经看到了很多,本文主要目的是整理jQuery Ajax相关内容,感兴趣的朋友可以了解下,或许本文对你有所帮助

    Ajax的学习心得,希望对大家有帮助

    在实际开发中,为了提高代码的可维护性和可扩展性,通常会使用像 jQuery、Dojo、AngularJS 或 Vue.js 这样的 JavaScript 框架或库,它们提供了更高级的 Ajax 功能,包括错误处理、数据序列化、跨域请求支持等。...

    ajax学习心得。主要采用ajax做的一些小程序

    在这个“ajax学习心得”中,我们将探讨如何使用Ajax实现动态数据生成和服务器控件事件绑定。 首先,让我们深入了解一下Ajax的工作原理。Ajax的核心是JavaScript对象XMLHttpRequest,它允许JavaScript与服务器进行...

    Ajax+Struts使用Json数据心得

    Ajax+Struts使用Json数据心得Ajax+Struts使用Json数据心得Ajax+Struts使用Json数据心得Ajax+Struts使用Json数据心得

    ajax使用jquery json实现的省市县三级联动经验总结

    ajax使用jquery json实现的省市县三级联动经验总结

    实验五 AJAX开发及JSP验证码

    1.在实验四基础上使用AJAX技术实现异步登录功能。(40分) Ajax异步的特点为:多个事件并行发生,事件互不影响,请求之后,不刷新整张页面,页面不动,只是刷新页面的局部。异步数据获取技术 XMLHttpRequest对象方法...

    基于MVC用JSPServlet实现JPetStore实验报告+使用AJAX和jQuery改善用户体验实验报告.doc

    基于MVC用JSPServlet实现JPetStore实验报告+使用AJAX和jQuery改善用户体验实验报告

    ajax框架分享交流心得

    ajax框架分享,分享之前实战成果,ajax框架分享交流心得。

    myeclipse_使用心得

    【MyEclipse 使用心得】 MyEclipse 是基于 Eclipse 的一款强大的 J2EE 集成开发环境,尤其适合 Java 开发者。它不仅包含了 Eclipse 的基础功能,如代码排版、多语言支持和插件扩展,还添加了针对企业级应用开发的...

    使用了1年Ajax开发项目后的总结

    现在,我想分享一下我在Ajax开发项目中的心得与体会,希望对同行们有所帮助。 首先,让我们来谈谈Ajax,即异步JavaScript和XML(Asynchronous JavaScript and XML)。Ajax的核心在于它可以实现在不刷新整个页面的...

    AJAX网站设计实训

    AJAX 网站设计实训是计算机应用专业职业能力课程,本课程介绍了 Ajax 技术、异步请求以及 Jquery 框架的使用,并涉及了 Jquery EasyUI 框架的使用在应用方面主要让学生能够掌握异步请求的理解与 Jquery 框架的使用...

    ajax实验成果

    虽然名字中有XML,但现代Ajax更常与JSON(JavaScript Object Notation)一起使用。JSON是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在实验中,返回的数据可能是JSON格式,需要使用`...

    Ajax学习——DWR的参考书和实用案例学习总结

    - **DWRchinese.pdf**:这本书可能是中文版的DWR教程,涵盖了DWR的基本概念、安装配置、API使用以及实例解析,适合初学者入门。 - **dwr.war**:这是一个DWR的部署文件,通常用于在Web服务器上快速部署DWR服务。...

    Ajax基础入门简介

    Ajax作为一门心得技术 ,这两年被广泛应用于网络应用中,并发挥着越来越重要的作用,本文就Ajax得基础知识做一个简单介绍

    ajax基础简单易懂教程

    **Ajax(Asynchronous JavaScript and XML)...通过学习提供的"Ajax基础教程.pdf",可以深入理解这一技术,并借助"[说明].txt"解决学习中遇到的问题,而"幸运林 一个程序员的随笔.url"则可能提供更多的编程心得和技巧。

    AJAX 实现的实时监测模块

    开发工具:Myeclipse7.0 服务器:Tomcat 数据库:Mysql 技术: JDBC+Servlet+Ajax 功能:定时的检测你的数据库中某个表的记录数量。...心得:通过这个小功能,认识了Ajax的核心思想 XMLHttpRequest对象

    传智播客PHP培训 韩顺平 PHP视频教程 Ajax技术 课堂笔记

    韩顺平老师将详细讲解Ajax的工作原理,包括XMLHttpRequest对象的使用、JSON数据格式的应用,以及如何利用JavaScript创建异步请求。此外,他还可能涉及jQuery等库来简化Ajax操作,以及如何处理响应数据和更新DOM元素...

    AJAX实例入门讲解

    这些时间,AJAX风行,像一阵潮流,席转了我们所有的人。实验室里老师要求我们自学,做的一点例子,还有一点点心得,现传到这里,仅将所知供大家参考,有不妥之处,请多多指教,希望能和大家一起,多学习,多交流。

Global site tag (gtag.js) - Google Analytics