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就是用它开发的例子。
分享到:
- 2007-12-29 10:41
- 浏览 1253
- 评论(0)
- 论坛回复 / 浏览 (0 / 1727)
- 查看更多
相关推荐
令人兴奋的技术,宝贵的实用经验和心得!
以下是对jQuery AJAX使用的一些关键知识点和注意事项的详细整理: 1. **URL长度限制**:在IE7及以下版本的浏览器中,使用GET请求时,URL的长度有限制(约2083个字符)。如果预期URL可能超过这个长度,应使用POST...
在实际开发中,为了提高代码的可维护性和可扩展性,通常会使用像 jQuery、Dojo、AngularJS 或 Vue.js 这样的 JavaScript 框架或库,它们提供了更高级的 Ajax 功能,包括错误处理、数据序列化、跨域请求支持等。...
在这个“ajax学习心得”中,我们将探讨如何使用Ajax实现动态数据生成和服务器控件事件绑定。 首先,让我们深入了解一下Ajax的工作原理。Ajax的核心是JavaScript对象XMLHttpRequest,它允许JavaScript与服务器进行...
本文将深入解析如何利用Ajax、jQuery以及JSON来实现这一功能,通过具体代码示例和实践心得,帮助读者理解并掌握这一技术要点。 ### Ajax与jQuery在省市县三级联动中的应用 #### 一、Ajax简介 Ajax(Asynchronous ...
在本实验报告中,我们将探讨如何使用MVC(Model-View-Controller)设计模式通过JSP和Servlet实现JPetStore应用程序,并进一步利用AJAX和jQuery技术优化用户体验。实验旨在加深对Web应用开发的理解,特别是Java相关...
ajax框架分享,分享之前实战成果,ajax框架分享交流心得。
本文将详细讲解在Struts2框架中使用Ajax和JSON进行数据交互的心得体会。 首先,要启用Struts2对JSON的支持,你需要在项目中引入`struts2-json-plugin.jar`库。这个库包含了处理JSON数据所需的类和方法,可以从...
这个实验旨在让学生熟悉AJAX的基本使用以及如何结合JSP生成和验证验证码,提高Web应用的交互性和安全性。通过这样的练习,开发者可以更好地理解和应用前端异步通信以及服务器端的动态交互技术。
【MyEclipse 使用心得】 MyEclipse 是基于 Eclipse 的一款强大的 J2EE 集成开发环境,尤其适合 Java 开发者。它不仅包含了 Eclipse 的基础功能,如代码排版、多语言支持和插件扩展,还添加了针对企业级应用开发的...
现在,我想分享一下我在Ajax开发项目中的心得与体会,希望对同行们有所帮助。 首先,让我们来谈谈Ajax,即异步JavaScript和XML(Asynchronous JavaScript and XML)。Ajax的核心在于它可以实现在不刷新整个页面的...
AJAX 网站设计实训是计算机应用专业职业能力课程,本课程介绍了 Ajax 技术、异步请求以及 Jquery 框架的使用,并涉及了 Jquery EasyUI 框架的使用在应用方面主要让学生能够掌握异步请求的理解与 Jquery 框架的使用...
虽然名字中有XML,但现代Ajax更常与JSON(JavaScript Object Notation)一起使用。JSON是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在实验中,返回的数据可能是JSON格式,需要使用`...
- **DWRchinese.pdf**:这本书可能是中文版的DWR教程,涵盖了DWR的基本概念、安装配置、API使用以及实例解析,适合初学者入门。 - **dwr.war**:这是一个DWR的部署文件,通常用于在Web服务器上快速部署DWR服务。...
**Ajax(Asynchronous JavaScript and XML)...通过学习提供的"Ajax基础教程.pdf",可以深入理解这一技术,并借助"[说明].txt"解决学习中遇到的问题,而"幸运林 一个程序员的随笔.url"则可能提供更多的编程心得和技巧。
开发工具:Myeclipse7.0 服务器:Tomcat 数据库:Mysql 技术: JDBC+Servlet+Ajax 功能:定时的检测你的数据库中某个表的记录数量。...心得:通过这个小功能,认识了Ajax的核心思想 XMLHttpRequest对象
韩顺平老师将详细讲解Ajax的工作原理,包括XMLHttpRequest对象的使用、JSON数据格式的应用,以及如何利用JavaScript创建异步请求。此外,他还可能涉及jQuery等库来简化Ajax操作,以及如何处理响应数据和更新DOM元素...
**基于jQuery的树形结构JsTree使用心得** JsTree是一款基于JavaScript的开源库,它能够帮助开发者轻松地在网页上创建交互式的树形结构。在本文中,我们将深入探讨如何利用jQuery与JsTree来构建这样的功能,同时分享...
这些内容对于学习和理解该项目非常有帮助,包括Ajax的API使用、前端框架的选择(如jQuery、Vue.js等)、CSS样式设计和JavaScript事件处理等。 【标签】"源码"和"工具"表明该项目提供了可复用的源代码,可能是为了...