Ajax【一】初识Ajax

HTML 用于建立 Web 表单并确定应用程序其他部分使用的字段。  java script 代码是运行 Ajax 应用程序的核心代码,帮助改进与服务器应用程序的通信。 DHTML 或 Dynamic HTML,用于动态更新表单。我们将使用 div、span 和其他动态 HTML 元素来标记 HTML。 文档对象模型 DOM 用于(通过 java script 代码)处理 HTML 结构和(某些情况下)服务器返回的 XML。 我们来进一步分析这些技术的职责。以后的文章中我将深入讨论这些技术,目前只要熟悉这些组件和技术 就可以了。对这些代码越熟悉,就越容易从对这些技术的零散了解转变到真正把握这些技术(同时也真正 打开了 Web 应用程序开发的大门)。

XMLHttpRequest 对象 要了解的一个对象可能对您来说也是最陌生的,即 XMLHttpRequest。这是一个 java script 对象,创建该对象 很简单,如下所示。

创建新的 XMLHttpRequest 对象

<script language="java script" type="text/java script">
var xmlHttp = new XMLHttpRequest();
</script> 

Ajax 基本上就是把 java script 技术和 XMLHttpRequest 对象放在 Web 表单和服务器之间。当用户填写表单 时,数据发送给一些 java script 代码而不是 直接发送给服务器。相反,java script 代码捕获表单数据并向服务 器发送请求。同时用户屏幕上的表单也不会闪烁、消失或延迟。换句话说,java script 代码在幕后发送请 求,用户甚至不知道请求的发出。更好的是,请求是异步发送的,就是说 java script 代码(和用户)不用等 待服务器的响应。因此用户可以继续输入数据、滚动屏幕和使用应用程序。 然后,服务器将数据返回 java script 代码(仍然在 Web 表单中),后者决定如何处理这些数据。它可以迅 速更新表单数据,让人感觉应用程序是立即完成的,表单没有提交或刷新而用户得到了新数据。java script 代码甚至可以对收到的数据执行某种计算,再发送另一个请求,完全不需要用户干预!这就是 XMLHttpRequest 的强大之处。它可以根据需要自行与服务器进行交互,用户甚至可以完全不知道幕后发生 的一切。结果就是类似于桌面应用程序的动态、快速响应、高交互性的体验,但是背后又拥有互联网的全 部强大力量。

猜你喜欢

转载自blog.csdn.net/qq_41636947/article/details/105645301