解讀利用PHP JavaScript打造AJAX搜索窗的方法(2)_PHP教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

推薦：解析PHP CSS實(shí)現(xiàn)打印簡單數(shù)據(jù)報(bào)表功能
PHP CSS實(shí)現(xiàn)打印簡單數(shù)據(jù)報(bào)表功能功能：實(shí)現(xiàn)打印日?qǐng)?bào)表的功能，定義了專門的打印樣式，隱藏了不該打印的控件并實(shí)現(xiàn)了分頁打印功能，表名：rec 字段：rec_id,rec_po,rec_part,rec_plant

圖1.結(jié)果框分為兩部分：一個(gè)頭部和一個(gè)結(jié)果欄

四、繪制結(jié)果用戶接口

生成這個(gè)HTML的代碼相當(dāng)長，因?yàn)槠渲械脑囟际鞘褂肈OM方法生成的。drawResultBox()方法接受一個(gè)參數(shù)（一個(gè)事件對(duì)象）：

以下為引用的內(nèi)容：

msnWebSearch.drawResultBox = function (e) {
　var divSearchBox= document.createElement("div");
　var divHeading = document.createElement("div");
　var divResultsPane = document.createElement("div");
　var aCloseLink = document.createElement("a");

前面這些代碼經(jīng)由createElement()方法創(chuàng)建HTML元素。在創(chuàng)建這些元素后，你就能夠開始賦予它們屬性。上面完成終結(jié)（封尾）的兩個(gè)元素分別是aCloseLink和divHeading：

以下為引用的內(nèi)容：

aCloseLink.href = "#";
aCloseLink.className = "ajaxWebSearchCloseLink";
aCloseLink.onclick = this.close;
aCloseLink.appendChild(document.createTextNode("X"));
divHeading.className = "ajaxWebSearchHeading";
divHeading.appendChild(document.createTextNode("MSN Search Results"));
divHeading.appendChild(aCloseLink);

前四行完成關(guān)閉結(jié)果框的鏈接。其中，方法close()成為鏈接的onclick事件的處理器。后面的幾行代碼負(fù)責(zé)使用文本和關(guān)閉鏈接填充頭部的＜div/＞。

當(dāng)這個(gè)結(jié)果框被繪制到頁面上時(shí)，還沒有接收到來自于一個(gè)服務(wù)器應(yīng)用程序的響應(yīng)。為了向用戶展示已經(jīng)發(fā)生了什么，可以向用戶展示一個(gè)消息提示數(shù)據(jù)正在加載中（這種方式更友好些）(見圖2)。為此，創(chuàng)建另一個(gè)元素并且把它添加到divResultsPane元素：

以下為引用的內(nèi)容：

var divLoading = document.createElement("div");
divLoading.appendChild(document.createTextNode("Loading Search Feed"));

divResultsPane.className = "ajaxWebSearchResults";
divResultsPane.appendChild(divLoading);

這個(gè)代碼創(chuàng)建加載消息并且把它添加到divResultsPane，同時(shí)還把類名賦給divResultsPane。

圖2.向用戶提示數(shù)據(jù)正在加載中

分享：解析PHP技術(shù)：txtSQL安裝手冊(cè)中文版
txtsql的最大優(yōu)點(diǎn)之一是文檔很詳細(xì)，可惜，我在網(wǎng)上找了半天也找不到中文版的文檔，所以只好自己動(dòng)手，利人利已吧，不過自己的E文水平自己是很清楚的，希望大家看了不會(huì)笑掉大牙才好，還希