jQuery Mobile 中文手冊 Ajax開發版(1)

文章目錄 初始化 初始化jQuery

掌握 Ajax,第 4 部分: 利用 DOM 進行 Web 響應

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

JQuery和Struts實現Ajax檔案上傳

首先說下使用的架構和外掛程式:struts1.3   jQuery1.3   ajaxupload.3.2.js(一個JQuery的外掛程式,實現Ajax上傳的效果)COS(O’relly的一個效能很棒的上傳組件)jsp頁面:<%@ page language="java" pageEncoding="UTF-8"%><%@ include file="../../common/taglibs.jsp" %><!DOCTYPE HTML PUBLIC "-//W3

jQuery Mobile 中文手冊 Ajax開發版(2)

ajaxEnabled (boolean, default: true):同時設定頁面中的連結和表單提交是否使用Ajax方法,也就是說表單的提交和a標記中的連結,都是採用ajax調用。布爾類型,在預設狀態下參數是true。例如:$(document).bind("mobileinit", function(){        $.mobile.ajaxEnabled=false; });如果你的項目中沒有用到Ajax,那麼建議將這裡設為falseajaxFormsEnabled

jquery 請求ie緩衝,資料不更新的問題【ajax禁用緩衝解決ie資料不更新的問題】

在做ajax頁面無重新整理添加的時候,IE下遭遇Ajax緩衝,因為剛開始並不知道IE有這個壞毛病,折騰好久,終於解決問題。總結一下解決辦法:在IE下用Ajax請求某一頁面,通常會因為緩衝的原因而返回上一次的結果,造成混亂,[即get方式時,擷取資料,因發送參數和地址都一致,故IE瀏覽器會從緩衝中取,而不會去請求伺服器端,而post方式因為參數的不同,不會產生這個問題]而FF下不會出現這種情況。為了不受緩衝影響,可以這樣做: IE存取原則:Internet選項--瀏覽歷程記錄--設定--

IE8將使用AJAX導航技術–採用HTML5

簡介AJAX----全稱為“Asynchronous JavaScript and XML”(非同步JavaScript和XML),是指一種建立互動式網頁應用的網頁開發技術。

jQuery Mobile 中文手冊 Ajax開發版——初始化部分

初始化jQM在載入的時候會自動的初始化預設配置項,這樣我們就不需要為了學習和配置這些參數花費很多的時間了,大大的提高了開發效率。但是有些時候因為項目的需要我們還是需要對這些參數進行自訂的。在學習jQM的初始化參數之前,我們需要先來瞭解mobileinit事件。Mobileinit事件jQM的載入事件和普通的jQuery外掛程式有所不同,它會在document.ready事件之前執行。因此我們在需要對jQM的預設運行參數進行調整的時候就需要在document.ready事件之前來對這些參數進行設定

詳細解讀Jquery各Ajax函數

$.get(),$.post(),$.ajax(),$.getJSON()一,$.get(url,[data],[callback])說明:url為請求地址,data為請求資料的列表,callback為請求成功後的回呼函數,該函數接受兩個參數,第一個為伺服器返回的資料,第二個參數為伺服器的狀態,是選擇性參數。而其中,伺服器返回資料的格式其實是字串形勢,並不是我們想要的json資料格式,在此引用只是為了對比說明$.get("data.php",$("#firstName.val()"),funct

Ajax無重新整理分頁可以嘗試的效能最佳化方法

Ajax無重新整理分頁,已經是一個大家比較熟悉的事物了,大概就是web前端頁面上有一個js的方法,通過Ajax去請求伺服器端的分頁資料介面,拿到資料後再在頁面上建立html結構,展現給使用者,類似於下面這樣:view sourceprint?01<script type=”text/javascript”> 02 function getPage(pageIndex){ 03 ajax({ 04 url:"RemoteInterface.

Ajax Toolkit 控制項學習系列(12) ——PasswordStrength如其名

我想大家在有的論壇註冊的時候,輸入密碼,或者某網站需要修改密碼的時候,都會提示您密碼的強度吧。Ajax控制項中也有實現這個功能的東西,就是PasswordStrength了。先看例子再說。    表面上看,這就是一個Lable和一個普通的TextBox,提示輸入密碼。    輸入的時候,會在右面由一個提示的資訊。是個Lable。最多還能輸入多少數字和字元。而下面的黃色的,是預設的情況,提示密碼的強度。強,中,差。都可以自訂。本例中使用的是2個Lable,一個用來顯示提示資訊,還剩下幾個剩餘的字元

Ajax Toolkit 控制項學習系列(15) ——RoundedCornersExtender

 RoundedCornersExtender 可以使Panel變得周圍圓角的,可以定義panel外圍的顏色,底色,還有具體是那個角是圓的,通過參數可以隨意的制定。 還是先看效果吧。     幾點說明:TargetContolID:不用說了,控制那個Panel就使用那個。Radius

Ajax Toolkit 控制項學習系列(2) ——小試牛刀ConfirmButtonExtender

   在成功的安裝了AjaxToolKit之後,來一個簡單的例子驗證下安裝是否成功。  先看結果。      ConfirmButtonExtender控制項是控制某一個其他的控制項的彈出一個視窗,需要說明的是,ConfirmText 是顯示快顯視窗所顯示的呢容的。而TargetControlID是制定控制哪一個控制項。在本例中,點擊btn按鈕之後,觸發ConfirmButtonExtender。Code highlighting produced by Actipro

Ajax Toolkit 控制項學習系列(14) ——ScriptManagerProxy

使用方式:有MasterPage或者自訂的控制項時候使用理由:因為一個頁面只有一個ScriptManager,如果MasterPage或者自訂的UserControl使用了,你的頁面引入之後,會導致頁面有多個ScriptManager,這是不被允許的。引入:所以我們需要一個代理,代理其實現我們的需要。當MasterPage使用ScriptManager的時候,引用的頁面中如果需要的話就使用ScriptManagerProxy。當UserControl中放了ScriptManagerProxy的時

Ajax Toolkit 控制項學習系列(13) ——FilteredTextBoxExtender 控制輸入

這個控制項的作用是對TextBox所要輸入的內容進行過濾控制。按照自己需要過濾,可以自訂,再或者使用定義好的方式。看效果。    效果不是很突出,說明下,就是只能輸入大寫字母和數字。因為加了限制,但是具體有什麼高深的應用呢?還是有待於研究的。參數說明:  FilterType:可以選擇Custom,Numbers,UppercaseLetters,LowercaseLetters等選擇  TargetControlID:需要控制的控制項ID  ValidChars:在此定義的內容不能夠輸入。  

體驗AJAX Toolkit新控制項:AutoCompleteExtender

  AutoCompleteExtender控制項,固名思義就是可以輔助TextBox控制項自動輸入,實現如http://dict.yodao.com/這樣的效果。  AutoCompleteExtender控制項的屬性:   1.TargetControlID:指定將被輔助完成自動輸入的控制項ID,這裡的控制項只能是TextBox;   2.ServicePath:指出提供服務的WEB服務路徑,若不指出則ServiceMethod表示本頁面對應的方法名;   3.ServiceMethod:指

Ajax Toolkit 控制項學習系列(1) ——環境配置

   今天無事閑逛Codeplex看見一個Ajax 的不錯的開源項目,下來看看。發現需要很多Ajax寫得很不錯。所以打算回顧一下相關的內容,把從前學習的知識簡單做一下總結。廢話少說,什麼來龍去脈,RIA什麼發展,瀏覽器進化的不提。直接來實際的。下載

Ajax Toolkit 控制項學習系列(4) ——兩個和Panel有關的控制項

主要說名下2個DropXXXExtender的用法。  老樣子,還是先看效果。    說上面的那個,一個textbox是在一個panel裡面,而DropShadowExtender是 對panel進行控制的,所以TargetControlID比不可少了。而Opacity設定了透明度。剩下的屬性下面都有說明。就我個人目前來看,還沒有發現有什麼具體的好用的地方。還需要進一步的摸索。 CodeCode highlighting produced by Actipro CodeHighlighter (

Ajax Toolkit 控制項學習系列(3) ——TextBoxWatermarkExtender

  TextBoxWatermarkExtender這個控制項是對一個TextBox進行控制的,可以設定起Css改變樣式。比如開始的時候是一個樣子,輸入之後由一個樣子。資料之前,屬性控制預設的值,當游標點擊輸入的時候,開始顯示的內容消失,進行你的文本輸入。本例中使用2個TextBox用於對比使用。  不羅嗦,還是先看效果。    開始,提示輸入使用者名稱。  當滑鼠點擊之後,提示資訊沒有了。可以自由輸入。  完成輸入,快顯視窗。  TextBoxWatermarkExtender

Ajax Toolkit 控制項學習系列(5) ——CalendarExtender使用

   Toolkit中給我們提供了很漂亮的CalendarExtender,而且我們還可以通過CSS自訂其顯示的樣式。今天簡單學習下這個控制項的簡單使用。  還是先看效果。    首先,提示輸入textbox中的內容,然後點擊button按鈕。    隨後彈出來日曆選項,如所示,沒什麼好說的。    選擇自己的需要,然後返回一個日期到textbox中。  在這例子中。使用的控制項是一個label,一個textbox,一個button。  Ajax中的介紹過的TextBoxWatermarkExt

Ajax Toolkit 控制項學習系列(6) ——AutoCompleteExtender 使用

  不知道大家是不是有注意到googel等搜尋引擎時候,輸入字母或者漢字的開頭,就會有後續的提示資訊呢。當然了,google所使用的技術,我不敢貿然的猜測,但是我們今天可以藉助Ajax所提供給大家個控制項,進行模仿。google的搜尋技術確實驚人,可以在提示的資訊中,在它的伺服器中,快速的搜尋出來短時間的找到需要的資訊。  看效果。    輸入wo之後,後續的3個隨即產生的提示。可以簡單模仿下效果。在這個例子中,建立一個Webservice進行示範。  Code highlighting

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