您的位置:知识库 » .NET技术

掌握 Ajax(一): Ajax 入门简介

作者: Brett McLaughlin  来源: IBM开发中心  发布时间: 2009-03-30 10:58  阅读: 11271 次  推荐: 1   原文链接   [收藏]  
摘要:本文通过详细对Ajax的工作原理进行了详细的介绍。
[1] 掌握 Ajax(一): Ajax 入门简介
[2] 掌握 Ajax(一): Ajax 入门简介
[3] 掌握 Ajax(一): Ajax 入门简介
[4] 掌握 Ajax(一): Ajax 入门简介
[5] 掌握 Ajax(一): Ajax 入门简介
[6] 掌握 Ajax(一): Ajax 入门简介
[7] 掌握 Ajax(一): Ajax 入门简介

 

  加入一些 JavaScript

  得到 XMLHttpRequest 的句柄后,其他的 JavaScript 代码就非常简单了。事实上,我们将使用 JavaScript 代码完成非常基本的任务:

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

  对于前两点,需要非常熟悉 getElementById() 方法,如 清单 2 所示。

  清单 2. 用 JavaScript 代码捕获和设置字段值

// 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];


  这里没有特别需要注意的地方,真是好极了!您应该认识到这里并没有非常复杂的东西。只要掌握了 XMLHttpRequest,Ajax 应用程序的其他部分就是如 清单 2 所示的简单 JavaScript 代码了,混合有少量的 HTML。同时,还要用一点儿 DOM,我们就来看看吧。

  以 DOM 结束

  最后还有 DOM,即文档对象模型。可能对有些读者来说 DOM 有点儿令人生畏,HTML 设计者很少使用它,即使 JavaScript 程序员也不大用到它,除非要完成某项高端编程任务。大量使用 DOM 的 复杂的 Java 和 C/C++ 程序,这可能就是 DOM 被认为难以学习的原因。

  幸运的是,在 JavaScript 技术中使用 DOM 很容易,也非常直观。现在,按照常规也许应该说明如何使用 DOM,或者至少要给出一些示例代码,但这样做也可能误导您。即使不理会 DOM,仍然能深入地探讨 Ajax,这也是我准备采用的方法。以后的文章将再次讨论 DOM,现在只要知道可能需要 DOM 就可以了。当需要在 JavaScript 代码和服务器之间传递 XML 和改变 HTML 表单的时候,我们再深入研究 DOM。没有它也能做一些有趣的工作,因此现在就把 DOM 放到一边吧。

 

1
0
 
标签:AJAX

.NET技术热门文章

    .NET技术最新文章

      最新新闻

        热门新闻