Ajax實戰:為用戶端產生XML資料

代碼清單3-5展示了實現這個特定需求的迅速而粗糙[13]的解決方案。這個例 子使用PHP和MySQL資料庫,但是我們關注的重點是大體上的結構。如果換成ASP 、JSP或者Ruby指令碼,可能會得到結構類似的代碼。代碼清單3-5 迅速而隨性地從資料庫查詢結果產生XML資料流代碼清單3-5中的PHP頁面可以產生類似於代碼清單3-6的XML頁面,在這個例 子中,資料庫裡有兩個匹配的產品。這裡,代碼進行了縮排以便於閱讀。之所以 選擇XML作為用戶端和伺服器之間通訊的媒介,是因為它通常都用於這個目的,

Ajax實戰:使用JavaScript操作DOM

在任何應用中,我們都需要在使用者的使用過程中改變使用者介面,為使用者執行 的操作和完成的進度提供反饋。這些反饋包括修改單個元素的標籤或顏色、彈出 臨時的對話方塊、使用一組全新的UI組件替換大部分的螢幕內容等等。到目前為止 ,最常見的方式就是,通過提供給瀏覽器一段聲明式的HTML來構造DOM樹(換句話 說,也就是編寫HTML頁面)。我們在代碼清單2-2和圖2-3中顯示的文檔有點太大和太複雜了,還是從小的 步驟開始做DOM操作吧。假設我們要向使用者顯示友好的問候。當頁面第一次載入

Ajax實戰:管理多個事件回調

在實現我們自己的解決方案之前,我們先通過一個簡單的例子來瞭解問題所在。代碼清單4-7顯示了一個簡單的Web頁面,其中一個大的DIV地區以兩種方式響應滑鼠的移動事件。代碼清單4-7

Ajax實戰:綁定事件處理函數代碼

JavaScript檔案(代碼清單4-3)採用編程方式將事件綁定到鍵上。代碼清單4-3 musical.jswindow.onload調用了assignKeys()函數(可以在這個檔案中直接定義window. onload,但是這限制了它的可移植性)。通過唯一的ID來發現keyboard元素,然 後使用getElementsByTagName()遍曆訪問其內部所有的DIV元素。這需要知道一 些關於頁面結構的知識,但是它允許頁面設計師自由地在頁面中將鍵盤DIV以希

Ajax實戰:Ajax的四個基本原則

我們用到的很多架構中都已經固化了基於頁面的傳統應用模式,同時這些應 用模式也已經深深進入了我們的思想中。我們花幾分鐘來揭示出哪些核心概念是 我們需要重新思考的,以及如何從Ajax的角度來重新思考。瀏覽器中的是應用而不是內容在傳統的基於頁面的Web應用中,瀏覽器扮演著啞終端[7]的角色。它對使用者 處於操作流程哪一階段一無所知。這些資訊全部都儲存在伺服器上,確切地說, 就是在使用者會話上。時至今日,伺服器端的使用者會話早已是司空見慣。如果你使

Ajax實戰:Ajax的關鍵元素

Ajax不是單一的技術,而是四種技術的集合。表2-1簡要介紹了這些技術,以 及它們所扮演的角色。表2-1 Ajax的關鍵元素 JavaScript JavaScript是通用的指令碼語言,用來嵌入在某種應用之中。 Web瀏覽器中嵌入的JavaScript解譯器允許通過程式與瀏覽器的很多內建功能進 行互動。Ajax應用程式是使用JavaScript編寫的 CSS(層疊樣式表)

AJAX應用之註冊使用者即時檢測

AJAX的無重新整理機制使得在註冊系統中對於註冊名稱的檢測能即時顯示。常見的使用者註冊是使用者輸入使用者名稱,背景程式檢測資料庫中使用者名稱是否重複而做出註冊的成功與失敗 之提示(當使用者註冊重名時將返回重新註冊),或者稍微人性化一點就是在使用者名稱文字框後添加一個檢 測按鈕,讓使用者檢測後再做註冊。以上操作,對於使用者體驗方面來說是比較“差勁”的,一個很好的使用者體驗就是:當使用者

為WebSphere Portal構建Ajax Portlet

簡介:在我們的前一篇文章結合使用 Ajax 和 WebSphere Portal 中,我們討論了在門戶應用程式中 使用 Ajax 時的一些問題和設計關注事項。在本教程中,我們將把新發現的知識投入使用,並建立一個 Ajax Portlet 應用程式。為了增加趣味,我們決定構建一個大量使用 Ajax 和 DHTML 的 Portlet。這 可以使您初步瞭解該技術的功能,同時還為您提供一個用於瀏覽資料庫的有用工具。雖然該應用程式的 大部分都是已經編寫好的,但是您將負責填補未編寫好的部分以使其正常運行。

最佳化跨瀏覽器Ajax應用程式

簡介:如果所有的瀏覽器、電腦型號和 Ajax 應用程式的使用者都一樣,對開發人員來說,那真是妙 極了。但實際的情況是它們往往各不相同。在跨瀏覽器、電腦和單個使用者佈建方面開發行為可預知的 應用程式時,開發人員往往需要面對重重困難。當使用者將 Ajax 應用程式從一個瀏覽器類型轉換到另一 個瀏覽器類型時(尤其是在將 Ajax 應用程式傳遞給 Web 服務門戶時),由於每個瀏覽器固有的限制, 無法保證擁有相同的瀏覽器體驗。在本文中,作者 Judith Myerson 簡單介紹了這些限制以及應該著重

實現發送多個Ajax請求

大家知道IE只能一次發送一個Ajax請求,你是否嘗試過在一個頁面上用Ajax請求多次,雖然可以實現我們發現代碼很亂我們來實現一個在頁面呈現緩衝的例子吧!//擷取Domfunction $(id) { return document.getElementById(id); }思路:我們把要載入的緩衝放在一個集合中,再迭代集合實現所有的擷取緩衝請求var cache={page:"Index",id:"Courses",element:$("Cour

Ajax在不刷屏的前提下實現頁面定時重新整理

首頁面(要求重新整理的頁面)要求每一分鐘重新整理一次系統時間<html><body onload="makeRequest("getSystemTime.jsp")"> //建立httpRequest對象<form name="dateForm"><table><td colspan="2" align="center">    

Ajax跨域擷取資料的簡便方法

跨域通訊的限制是在瀏覽器端,也就是用戶端上,所以可以從伺服器端代碼做文章。這和前幾天gzip 的問題很相像了,當時伺服器上的gzip流是因為被isa阻止而無法下載壓縮後的檔案,最後寫了一個壓縮 代理放在伺服器上,強制返回壓縮資料。現在這個問題最簡便的方法也是寫一個代理來把js請求的資料從另外一個域轉寄到本域,然後再用js 訪問代理。比如代碼:obj.sendRequest("http:www.abc.comtest.aspx?

Ajax的post方法的使用

一些簡單的基礎知識,一些小小的細節,也許就決定了一個功能甚至一個軟體的成敗。前幾天做一個小功能,使用者註冊時使用Ajax檢驗使用者名稱是否已被註冊。因為在這個小項目中,只在這 裡使用了Ajax,所以就不打算用以前常用的Prototype。開始時是使用get方法提交資料的,後來想想, 還是換成post吧,沒別的原因,因為Prototype預設是使用post方法的,所以就覺得post看上去順眼一點 。寫好的Javascript代碼如下:Javascript  var

ajax註冊表單驗證

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ManagerControl.aspx.cs" Inherits="ManagerControl" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.

ajax實現垮域訪問初探

這個應該歸到javascript的安全性問題一般伺服器A設定的是不允許別的域的機器B執行B上的ajax調用伺服器A上的資源原因,可以舉個簡單的安全隱患例子:假設ajax可以垮域訪問,那麼我在自己機器上可以寫ajax請求Google各類web應用中的資源比如先用firefox研究GMail在登入過程中大量ajax請求的地址以及參數,可以得到使用者cookie的驗證過程然後寫js去跨域擷取別的使用者的cookie,這樣可以繞過使用者的GMail密碼而登入他人的GMail郵箱那麼有了ajax跨域限制,

在Microsoft AJAX Library下JavaScript的物件導向開發

Javascript對於做過Web程式的人不應該是陌生,初期是用來做一些簡單的FORM驗證,基本上是在玩 弄一些技巧性的東西。Javascript不是一個支援物件導向的語言,更加算不上一個開發平台,但是 Javascript提供了一個非常強大的基於Prototype的物件導向調用功能,這使得我們可以在自己需要的地 方使用他們。ASP.NET

Ajax實現RSS頻道的顯示功能

當頁面載入時,要求在頻道列表中,顯示資料庫中所有的頻道名稱,這就是RSS頻道的顯示功能。本 節主要實現此功能。設計讀取資料庫內容的方法將資料庫內容讀取出來,首先要設計讀取資料的方法。本例的方法最好添加到RssManager管理類中。 實現方法的步驟如下:(1)開啟App_Code目錄下的“RssManager”管理類檔案。(2)在類中添加方法“GetRssName”,主要是從資料庫中讀取頻道名稱,並將返回結果儲存在一個

掌握Ajax,第11部分: 伺服器端的JSON

在伺服器端指令碼和程式中用 JSON 進行響應和回複簡介:在 本系列最近發表的一篇文章中,您已經瞭解了如何將 JavaScript 對象轉變成 JSON 格式。 這種格式很容易用於發送(和接收)與對象甚至對象數組對應的資料。在 本系列 的最後一篇文章中,您 將會學習如何處理以 JSON 格式發送到伺服器的資料以及如何使用相同格式對指令碼進行回複。JSON 的真正價值正如在 本系列上一篇文章 中所描述的那樣,JSON 是適用於 Ajax 應用程式的一種有效格式,原因是 它使 JavaScript

掌握Ajax,第10部分: 使用JSON進行資料轉送

以原生方式操作 JavaScript 對象簡介:在非同步應用程式中發送和接收資訊時,可以選擇以純文字和 XML 作為資料格式。掌握 Ajax的 這一期討論另一種有用的資料格式 JavaScript Object Notation(JSON),以及如何使用它更輕鬆地在 應用程式中移動資料和對象。如果您閱讀了本系列前面的文章,那麼應已對資料格式有了相當的認識。前面的文章解釋了在許多異

掌握Ajax,第9部分: 使用Google Ajax Search API

在非同步應用程式中使用公用 API簡介:發出非同步請求並不意味著只是與您自己的伺服器端程式互動。其實也可以與一些公用 API,例 如來自 Google 或 Amazon 的 API 進行通訊,從而為 Web 應用程式增加您自己的指令碼和伺服器端程式所 不能提供的更多功能。在本文中,Brett McLaughlin 教您如何向公用 API,例如 Google 提供的 API 發 出請求並接收其響應。到目前為止,這個系列只涉及到客戶機 Web 頁面向伺服器端指令碼和程式發出請求的情況。這就是大約 8

總頁數: 351 1 .... 230 231 232 233 234 .... 351 Go to: 前往

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。