`
yf1975
  • 浏览: 13989 次
  • 性别: Icon_minigender_1
  • 来自: 西安
最近访客 更多访客>>
社区版块
存档分类
最新评论

AJAX读书笔记(一)

    博客分类:
  • AJAX
阅读更多
ajax能做什么
    1.编写应用程序时有两种基本的选择
      1)桌面应用程序:通过cd为介质,运行在桌面上运行速度快,不需要等待时间。
      2)Web 应用程序:通过浏览器访问,运行在服务器上等待,等待服务器响应,等待屏幕刷新,等待请求返回和生成新的页面。

    2.ajax:Ajax 是 Asynchronous JavaScript and XML(以及 DHTML 等)的缩写
    3.Ajax 尝试建立桌面应用程序的功能和交互性,与不断更新的 Web 应用程序之间的桥梁。可以使用像桌面应用程序中常见的动态用户界面和漂亮的控件,不过是在 Web 应用程序中。

老技术、新技术
1.Ajax 应用程序所用到的基本技术:

    1.HTML 用于建立 Web 表单并确定应用程序其他部分使用的字段。
    2.JavaScript 代码是运行 Ajax 应用程序的核心代码,帮助改进与服务器应用程序的通信。
    3.DHTML 或 Dynamic HTML,用于动态更新表单。我们将使用 div、span 和其他动态 HTML 元素来标记 HTML。
    4.文档对象模型 DOM 用于(通过 JavaScript 代码)处理 HTML 结构和(某些情况下)服务器返回的 XML。

2.XMLHttpRequest 对象
在javascript中创建XMLHttpRequest对象如下:
代码:
<script language="javascript" type="text/javascript">
var xmlHttp = new XMLHttpRequest();
</script>

说明:XMLHttpRequest对象是javascript提供的,它是用来处理所有服务器通信的对象。
Ajax是把javascript技术和XMLHttpRequest放到web表单和服务器之间,使得用户感觉不到提交表单。并且请求是异步的,Javascript代码不用等待服务器的请求,可以继续其它的操作。总之Ajax不但使用户拥有互联网的全部强大力量,同时获得类似桌面程序的动态、快速响应、高交互性的体验。

3.加入javascript代码
JavaScript 代码完成的任务:

    1.获取表单数据:JavaScript 代码很容易从 HTML 表单中抽取数据并发送到服务器。
    2.修改表单上的数据:更新表单也很简单,从设置字段值到迅速替换图像。
    3.解析 HTML 和 XML:使用 JavaScript 代码操纵 DOM,处理 HTML 表单服务器返回的 XML 数据的结构。

代码:
// Get the value of the "phone" field and stuff it in a variable called phone
var phone = document.getElementById("phone").value;
// Set some values on a form using an array called response
document.getElementById("order").value = response[0];
document.getElementById("address").value = response[1];

4.获取 Request 对象
由于浏览器之间的不兼容性,所以创建XMLHttpRequest对象需要采取不同的方法。
使用IE浏览器创建XMLHttpRequest对象,如下:
代码:
var xmlHttp = false;
try {
  xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
  try {
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  } catch (e2) {
    xmlHttp = false;
  }
}

说明:这两行代码基本上就是尝试使用一个版本的 MSXML 创建对象,如果失败则使用另一个版本创建该对象。
处理 Mozilla 和非 Microsoft 浏览器
代码:
var xmlHttp = new XMLHttpRequest();

结合起来
代码:
/* Create a new XMLHttpRequest object to talk to the Web server */
var xmlHttp = false;
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
try {
  xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
  try {
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  } catch (e2) {
    xmlHttp = false;
  }
}
@end @*/
if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
  xmlHttp = new XMLHttpRequest();
}

这段代码的核心分为三步:

    1.建立一个变量 xmlHttp 来引用即将创建的 XMLHttpRequest 对象。
    2.尝试在 Microsoft 浏览器中创建该对象:
      1)尝试使用 Msxml2.XMLHTTP 对象创建它。
      2)如果失败,再尝试 Microsoft.XMLHTTP 对象。

    3.如果仍然没有建立 xmlHttp,则以非 Microsoft 的方式创建该对象。
分享到:
评论

相关推荐

    Ajax读书笔记

    Ajax(Asynchronous JavaScript and XML),即异步JavaScript与XML,是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新,这意味着可以在不重新加载整个网页的情况...

    Ajax入门(读书笔记)

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。JSON数据通常包含键值对的形式,如: ```json { "name": "张三", "age": 30 } ``` **4.2 在AJAX...

    韩顺平Ajax笔记+源码+ppt

    然后,通过阅读笔记理解Ajax的API和方法,如`open()`、`send()`、`onreadystatechange`等。接着,结合源代码实践,尝试编写简单的Ajax请求。最后,通过PPT巩固理论知识,理解Ajax在实际项目中的应用。 总的来说,...

    Java相关课程系列笔记之十一Ajax学习

    在本篇Java相关课程系列笔记之十一中,我们聚焦于Ajax的学习,这是一项在Web开发中广泛使用的技术,用于创建动态、无刷新的用户界面。Ajax全称Asynchronous JavaScript and XML,即异步JavaScript和XML,它允许网页...

    Ajax学习笔记.zip

    Ajax,全称Asynchronous JavaScript and XML,是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这使得网页更加互动、响应更快,提高了用户体验。Ajax的核心是JavaScript对象XMLHttpRequest,它允许...

    学生读书笔记共享-学生读书笔记共享系统-学生读书笔记共享系统源码-学生读书笔记共享管理系统-学生读书笔记共享管理系统java代码

    学生读书笔记共享-学生读书笔记共享系统-学生读书笔记共享系统源码-学生读书笔记共享管理系统-学生读书笔记共享管理系统java代码-学生读书笔记共享系统设计与实现-基于springboot的学生读书笔记共享系统-基于Web的...

    某机构的Ajax培训笔记

    Ajax,全称Asynchronous JavaScript and XML(异步JavaScript和XML),是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这种技术自2005年被广泛使用以来,极大地提升了网页应用的用户体验,因为它...

    学生读书笔记共享系统-学生读书笔记共享系统源码-基于springboot的学生读书笔记共享系统-学生读书笔记共享管理系统java

    学生读书笔记共享-学生读书笔记共享系统-学生读书笔记共享系统源码-学生读书笔记共享管理系统-学生读书笔记共享管理系统java代码-学生读书笔记共享系统设计与实现-基于springboot的学生读书笔记共享系统-基于Web的...

    Ajax学习笔记

    ### Ajax学习笔记精要 #### 一、Ajax概述 ##### 1.1 什么是Ajax? Ajax,全称为Asynchronous JavaScript and XML(异步的JavaScript和XML),是一种用于改善网页应用性能的技术。它允许网页在无需重新加载整个...

    Head First Ajax学习笔记

    ### Head First Ajax 学习笔记知识点总结 #### 一、异步请求与AJAX概念 - **异步请求**:允许页面在发送请求时继续执行后续任务,无需等待服务器响应,提高了用户体验。 - **AJAX (Asynchronous JavaScript and ...

    Ajax从入门到精通(含学习笔记)

    Ajax,全称Asynchronous JavaScript and XML,是一种在无需重新...通过阅读提供的资料和动手实践,你将深入理解Ajax的工作原理,学会如何使用Ajax进行网页交互,并掌握处理异步数据的方法,进一步提升你的Web开发技能。

    Ajax&Json笔记

    JSON 是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。它基于JavaScript的一个子集,采用了类似于对象字面量的语法。JSON格式通常用于传输数据,特别是在Web应用程序中,作为Ajax技术的...

    Ajax的学习笔记

    本压缩包中的"AJAX学习笔记.doc"文档,可能包含了Ajax的基础概念、使用示例及进阶技巧,适合初学者参考学习。同时,推荐以下在线资源: - [MDN Web文档](https://developer.mozilla.org/zh-CN/docs/AJAX):详尽的...

    ajax笔记与总结

    Ajax,即Asynchronous JavaScript and XML,是一种用于创建快速、动态网页的技术。它综合了JavaScript、XML、XSLT、XHTML、DOM、XMLHttpRequest和CSS等七种技术,旨在改进Web开发中的用户体验,解决了传统Web交互...

Global site tag (gtag.js) - Google Analytics