JavaScript语言 - 图文

this_word = english_word_elements[count].firstChild.nodeValue; if (reg_exp.test(this_word)) { the_translation =

english_word_elements[count].nextSibling.firstChild.nodeValue; these_translations.push(this_word + \ } } } }

return these_translations; }

//显示结果.................

function displayResults(the_results) { var display_me = \ var splitter;

var this_result = null;

for (var loop = 0; loop < the_results.length; loop++) { this_result = the_results[loop]; if (this_result != null) {

splitter = this_result.split(\

display_me += \ \ } }

document.getElementById(\

(the_results.length + parseInt(the_results.length / 5) + 1) + \ document.getElementById(\

\ display_me + \}

第十六章 服务器端Ajax

使用Ajax的GET请求创建Google Suggest应用程序

下例展示了一个定制的Google搜索引擎的界面，而且很像Google Suggest,输入的JavaScript的前4个字母，而应用程序 展示了通过搜索以这几个字母开头的关键词能够得到多少个结果。

使用Ajax和PHP联系第三方Web服务器

request.open(“GET”,the_file+”.xml”);

这行代码告诉JavaScript我们请求一个文件。如果我们在open()方法的第二个参数中传

入URL，而不是这里的文件名。这样，我们就不是在请求文件，而是从Google请求信息了，然而，由于Ajax的安全限制，我们不能通过Ajax直接向Google查询结果，但我们可以编写一个PHP脚本，让它类为我们查询Google。 我们的解决方案需要两个不同文件：一个客户端文件——其中要包含HTML、JavaScript和Ajax调用；一个服务器端PHP文件——取得来自浏览器的用户输入，并根据输入向Google请求信息。当Googl响应请求后，服务器端PHP程序吧响应结果发送回浏览器，浏览器显示结果。

这个应用程序有些复杂，因此在深入代码细节之前。我们先梳理一下代码的运行过程。同往常一样，动作起始于访客在文本框中输入数字。每当访客按一次键盘。就会引发下列操作：

(1) JavaScript函数向PHP程序发送一个Ajax请求。请求中包含访客在文本框中输入的

字符。

(2) PHP程序向Google发送一个请求，查询以那些字符开头的搜索关键词包含多少个搜

索结果。 (3) Google响应

(4) 当取得响应后，JavaScript函数displayReslut()解析Google的响应并显示结果。

定制的Google Suggest应用程序的JavaScript部分

处理URL中的空格

当URL中包含空格或其他不能出现在URL中的特殊字符，可以使用JavaScript的内置函

数escape()。这个函数能把字符串转为合法的cookie内容，也能对字符串进行编码以便通过URL发送

Ajax和POST方法

当需要向服务器端程序发送信息，而信息又能够放到URL中时，使用GET方法多数情况下都是很方便的。然而，有时候我们还想发送更多的信息，而这些信息无法放到一个URL中。

为此，最好使用POST方法向服务器端程序发送信息 POST方法通常用在HTML表单中。

在非Ajax式的Web浏览器与服务器间的交互中，用户需要填写这个表单并单击提交按钮。Web浏览器会将表单中的信息打包，并将它发送到在