ajax:改善使用者體驗之進度條

在最近的一個項目中,有一個上傳功能:上傳一個cvs檔案,然後解析此檔案並寫入資料庫由於經常需要傳很大的檔案,客戶完成此功能往往需要40分鐘,在這個過程中,頁面也沒有任何提示,使用者體驗非常不好?為何不用ajax作一個進度條呢?分兩步完成此需求:一:寫一個簡單的ajax,實現最簡單的進度條功能。二:把此進度條改造為項目可用的進度條。一:最簡單的進度條1。用戶端每2秒發送一個createXMLHttpRequest請求給服務端.並得到服務端返回的進度資料.根據服務端返回的資料,用javascript

ajax學習系列之八: 在請求和響應中使用 XML (2)

在 本系列的上一篇文章 中,您看到了Ajax應用程式如何以XML 格式化發往伺服器的請求。還瞭解了為什麼這在大多數情況下並不是一個好主意。這篇文章主要探討在大多數情況下確實是 好主意的一種做法:向客戶機返回 XML 響應。我其實並不喜歡寫那種主要告訴您什麼不應該 做的文章。很多時候,那都會是一篇非常愚蠢的文章。我要在前半篇文章中解釋某些東西,然後在後半篇文章中說明使用您剛剛才學會的那種技術是一個多麼糟糕的主意。在很大程度上,上一期文章正是這樣一種情況(如果您錯過了那一期文章,請查看 參考資料

ajax學習系列之七: 在請求和響應中使用 XML (1)

偶爾使用 Ajax 的開發人員也會注意到 Ajax 中的 x 並意識到它代表XML。XML 是編程中最常用的資料格式之一,對於非同步應用程式中的伺服器響應能夠帶來切實的好處。在本文中,您將看到伺服器如何在請求響應中發送 XML。現在如果不使用 XML 就不能進行任何有意義的編程。無論考慮轉向 XHTML 的網頁設計人員、使用 JavaScript 的 Web 程式員、使用部署描述檔案和資料繫結的伺服器端程式員,還是研究基於 XML 的資料庫的後端開發人員,都在使用這種可延伸標記語言 (XML)。

ajax學習系列之六: 建立基於 DOM 的 Web 應用程式

本系列的上一篇文章中考察了文件物件模型(DOM)編程中涉及到的概念——網頁瀏覽器如何把網頁看作一棵樹,現在您應該理解了 DOM 中使用的編程結構。本期教程將把這些知識用於實踐,建立一個簡單的包含一些特殊效果的 Web 頁面,所有這些都使用 JavaScript 操縱 DOM 來建立,不需要重新載入或者重新整理頁面。前面兩期文章已經詳細介紹了文件物件模型或者 DOM,讀者應該很清楚 DOM 是如何工作的了。(前兩期 DOM 文章以及 Ajax

ajax學習系列之一:Ajax 入門簡介

Ajax 由 HTML、JavaScript 技術、DHTML 和DOM 組成,這一傑出的方法可以將笨拙的 Web 介面轉化成互動性的 Ajax應用程式。本系列的作者是一位 Ajax 專家,他示範了這些技術如何協同工作 —— 從總體概述到細節的討論 —— 使高效的 Web開發成為現實。他還揭開了 Ajax 核心概念的神秘面紗,包括XMLHttpRequest 對象。捌年前,如果不知道 XML,您就是一隻無人重視的醜小鴨。102個月前,Ruby 成了關注的中心,不知道 Ruby

ajax學習系列之三: 中的進階請求和響應

對於很多 Web 開發人員來說,只需要產生簡單的請求並接收簡單的響應即可;但是對於希望掌握 Ajax 的開發人員來說,必須要全面理解 HTTP 狀態碼、就緒狀態和 XMLHttpRequest 對象。在本文中,Brett McLaughlin 將向您介紹各種狀態碼,並展示瀏覽器如何對其進行處理,本文還給出了在 Ajax 中使用的比較少見的 HTTP 要求。在本系列的 上篇文章 中,我們將詳細介紹 XMLHttpRequest 對象,它是 Ajax

ajax學習系列之四: 利用 DOM 進行 Web 響應

程式員(使用後端應用程式)和 Web 程式員(編寫 HTML、CSS 和JavaScript 上)之間的分水嶺是長久存在的。但是,Document Object Model (DOM) 彌補了這個裂縫,使得在後端使用XML 同時在前端使用 HML 切實可行,並成為極其有效工具。在本文中,Brett McLaughlin 介紹了 Document Object Model,解釋它在 Web 頁面中的應用,並開始挖掘其在 JavaScript 中的用途。與許多 Web 程式員一樣,您可能使用過

ajax學習系列之十一: 伺服器端的 JSON

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

ajax學習系列之十: 使用 JSON 進行資料轉送

在非同步應用程式中發送和接收資訊時,可以選擇以純文字和 XML 作為資料格式。掌握 Ajax 的這一期討論另一種有用的資料格式 JavaScript Object

ajax學習系列之九: 使用 Google Ajax Search API

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

ajax提交並重新整理頁面yui和jquery

function toPauseAbility(){/* window.location='${pageContext.request.contextPath}/approval/baseToStatus.action?flowNameUser.userId=${sessionScope.USER_SESSION_KEY.id}&workFlowParam.type=${param.type}&workFlowParam.labType=${param.labType}&

jquery .ajax同步提交

var f= false; $.ajax({ type:"POST",async:false,url:U('Public/rightName'),data:"username="+value,success:function(data){if(data=="1"){$("#"+tip).addClass('errors').fadeIn().html('不存在');                       f= false;}else

ajax 之XMLHttpRequest兩種建立方法

/**//* 建立XMLHttpRequest的第一種方法     try{             searchReq = new ActiveXObject('Msxml2.XMLHTTP');        }         catch(e){             try{                searchReq = new ActiveXObject('Microsoft.XMLHTTP');             }            catch(e){     

ExtJS(二)–AJAX基礎

       最近在學習ExtJS,在學習到AJAX的一些基礎知識時便總結出來和大家分享一下,適合於初學者看看,大神可以繞過!一、AJAX概念       AJAX是AsynchronousJavascript And

ExtJS(三)–Ajax實現省份城市聯動

        今天學習了Ajax技術,剛剛做了一個省份-城市聯動的Ajax應用樣本。可能很多人都已經寫過了,也是一個比較簡單的例子,在這裡分享出來大家共同學習交流一下。希望能給到那些像我一樣的菜鳥程式員參考一點協助吧!效果:      

Ajax + Struts 實現省市聯動源碼

  Struts驗證架構執行個體!   Ajax + Struts 實現省市聯動源碼   struts 初始化 SessionFactory   Struts有哪些致命的缺點?   struts轉到webwork   Struts標籤   簡化struts配置   ajaxanywhere+struts   說一些 J2EE   J2EE異常處理   關於j2ee的幾點疑問   struts-spring結合問題   Struts 2 配置問題   Oracle面試試題及答案

最原始的AJAX

function executeCommand() {    var commandParam = $('#command').val() + " " + $('#options').val();    commandParam = escape(commandParam);    var url = "/goform/formExecutePICommand";    xmlHttp.open("POST", url, true);   

ajax 錯誤 對象不支援此屬性或方法 請教大家指點 謝謝 呵呵 代碼如下

***********************************************1*************************************************** <td width="56" height="27" align="center" valign="middle"  onclick="div_menu('1','1')" class="<%=cname1%>">                               

[上周技術關注]Ajax技術關注

[在AJAX開發中整合資料庫技術

利用回調實現指令碼實體類和類比Ajax

    這裡有幾點。 我們用asp.net開發資料庫應用時。時常要建立一些實體如 public class UserEntity...{   public string UserName   ...{     get...{     return "";}    }   public string UserEmail    ...{      get...{       return "" ;}     }}      下面要講的是如何使用指令碼來類比這種實體      首先 要講解概念

總頁數: 351 1 .... 135 136 137 138 139 .... 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 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。