Time of Update: 2018-12-07
文章目錄 初始化 初始化jQuery
Time of Update: 2018-12-07
這是一個用ajax技術實現的一個二級關聯菜單,是與資料庫相聯絡的。代碼如下:1,發表文章jsp<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*,xztj.bean.*,xztj.form.*" errorPage="" %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http:/
Time of Update: 2018-12-07
程式員(使用後端應用程式)和 Web 程式員(編寫 HTML、CSS 和 JavaScript 上)之間的分水嶺是長久存在的。但是,Document Object Model (DOM) 彌補了這個裂縫,使得在後端使用 XML 同時在前端使用 HML 切實可行,並成為極其有效工具。在本文中,Brett McLaughlin 介紹了 Document Object Model,解釋它在 Web 頁面中的應用,並開始挖掘其在 JavaScript 中的用途。與許多 Web 程式員一樣,您可能使用過
Time of Update: 2018-12-07
首先說下使用的架構和外掛程式: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
Time of Update: 2018-12-07
ajaxEnabled (boolean, default: true):同時設定頁面中的連結和表單提交是否使用Ajax方法,也就是說表單的提交和a標記中的連結,都是採用ajax調用。布爾類型,在預設狀態下參數是true。例如:$(document).bind("mobileinit", function(){ $.mobile.ajaxEnabled=false; });如果你的項目中沒有用到Ajax,那麼建議將這裡設為falseajaxFormsEnabled
Time of Update: 2018-12-07
在做ajax頁面無重新整理添加的時候,IE下遭遇Ajax緩衝,因為剛開始並不知道IE有這個壞毛病,折騰好久,終於解決問題。總結一下解決辦法:在IE下用Ajax請求某一頁面,通常會因為緩衝的原因而返回上一次的結果,造成混亂,[即get方式時,擷取資料,因發送參數和地址都一致,故IE瀏覽器會從緩衝中取,而不會去請求伺服器端,而post方式因為參數的不同,不會產生這個問題]而FF下不會出現這種情況。為了不受緩衝影響,可以這樣做: IE存取原則:Internet選項--瀏覽歷程記錄--設定--
Time of Update: 2018-12-07
簡介AJAX----全稱為“Asynchronous JavaScript and XML”(非同步JavaScript和XML),是指一種建立互動式網頁應用的網頁開發技術。
Time of Update: 2018-12-07
初始化jQM在載入的時候會自動的初始化預設配置項,這樣我們就不需要為了學習和配置這些參數花費很多的時間了,大大的提高了開發效率。但是有些時候因為項目的需要我們還是需要對這些參數進行自訂的。在學習jQM的初始化參數之前,我們需要先來瞭解mobileinit事件。Mobileinit事件jQM的載入事件和普通的jQuery外掛程式有所不同,它會在document.ready事件之前執行。因此我們在需要對jQM的預設運行參數進行調整的時候就需要在document.ready事件之前來對這些參數進行設定
Time of Update: 2018-12-07
$.get(),$.post(),$.ajax(),$.getJSON()一,$.get(url,[data],[callback])說明:url為請求地址,data為請求資料的列表,callback為請求成功後的回呼函數,該函數接受兩個參數,第一個為伺服器返回的資料,第二個參數為伺服器的狀態,是選擇性參數。而其中,伺服器返回資料的格式其實是字串形勢,並不是我們想要的json資料格式,在此引用只是為了對比說明$.get("data.php",$("#firstName.val()"),funct
Time of Update: 2018-12-07
Ajax無重新整理分頁,已經是一個大家比較熟悉的事物了,大概就是web前端頁面上有一個js的方法,通過Ajax去請求伺服器端的分頁資料介面,拿到資料後再在頁面上建立html結構,展現給使用者,類似於下面這樣:view sourceprint?01<script type=”text/javascript”> 02 function getPage(pageIndex){ 03 ajax({ 04 url:"RemoteInterface.
Time of Update: 2018-12-07
使用方式:有MasterPage或者自訂的控制項時候使用理由:因為一個頁面只有一個ScriptManager,如果MasterPage或者自訂的UserControl使用了,你的頁面引入之後,會導致頁面有多個ScriptManager,這是不被允許的。引入:所以我們需要一個代理,代理其實現我們的需要。當MasterPage使用ScriptManager的時候,引用的頁面中如果需要的話就使用ScriptManagerProxy。當UserControl中放了ScriptManagerProxy的時
Time of Update: 2018-12-07
這個控制項的作用是對TextBox所要輸入的內容進行過濾控制。按照自己需要過濾,可以自訂,再或者使用定義好的方式。看效果。 效果不是很突出,說明下,就是只能輸入大寫字母和數字。因為加了限制,但是具體有什麼高深的應用呢?還是有待於研究的。參數說明: FilterType:可以選擇Custom,Numbers,UppercaseLetters,LowercaseLetters等選擇 TargetControlID:需要控制的控制項ID ValidChars:在此定義的內容不能夠輸入。
Time of Update: 2018-12-07
AutoCompleteExtender控制項,固名思義就是可以輔助TextBox控制項自動輸入,實現如http://dict.yodao.com/這樣的效果。 AutoCompleteExtender控制項的屬性: 1.TargetControlID:指定將被輔助完成自動輸入的控制項ID,這裡的控制項只能是TextBox; 2.ServicePath:指出提供服務的WEB服務路徑,若不指出則ServiceMethod表示本頁面對應的方法名; 3.ServiceMethod:指
Time of Update: 2018-12-07
今天無事閑逛Codeplex看見一個Ajax 的不錯的開源項目,下來看看。發現需要很多Ajax寫得很不錯。所以打算回顧一下相關的內容,把從前學習的知識簡單做一下總結。廢話少說,什麼來龍去脈,RIA什麼發展,瀏覽器進化的不提。直接來實際的。下載
Time of Update: 2018-12-07
主要說名下2個DropXXXExtender的用法。 老樣子,還是先看效果。 說上面的那個,一個textbox是在一個panel裡面,而DropShadowExtender是 對panel進行控制的,所以TargetControlID比不可少了。而Opacity設定了透明度。剩下的屬性下面都有說明。就我個人目前來看,還沒有發現有什麼具體的好用的地方。還需要進一步的摸索。 CodeCode highlighting produced by Actipro CodeHighlighter (
Time of Update: 2018-12-07
TextBoxWatermarkExtender這個控制項是對一個TextBox進行控制的,可以設定起Css改變樣式。比如開始的時候是一個樣子,輸入之後由一個樣子。資料之前,屬性控制預設的值,當游標點擊輸入的時候,開始顯示的內容消失,進行你的文本輸入。本例中使用2個TextBox用於對比使用。 不羅嗦,還是先看效果。 開始,提示輸入使用者名稱。 當滑鼠點擊之後,提示資訊沒有了。可以自由輸入。 完成輸入,快顯視窗。 TextBoxWatermarkExtender
Time of Update: 2018-12-07
Toolkit中給我們提供了很漂亮的CalendarExtender,而且我們還可以通過CSS自訂其顯示的樣式。今天簡單學習下這個控制項的簡單使用。 還是先看效果。 首先,提示輸入textbox中的內容,然後點擊button按鈕。 隨後彈出來日曆選項,如所示,沒什麼好說的。 選擇自己的需要,然後返回一個日期到textbox中。 在這例子中。使用的控制項是一個label,一個textbox,一個button。 Ajax中的介紹過的TextBoxWatermarkExt
Time of Update: 2018-12-07
不知道大家是不是有注意到googel等搜尋引擎時候,輸入字母或者漢字的開頭,就會有後續的提示資訊呢。當然了,google所使用的技術,我不敢貿然的猜測,但是我們今天可以藉助Ajax所提供給大家個控制項,進行模仿。google的搜尋技術確實驚人,可以在提示的資訊中,在它的伺服器中,快速的搜尋出來短時間的找到需要的資訊。 看效果。 輸入wo之後,後續的3個隨即產生的提示。可以簡單模仿下效果。在這個例子中,建立一個Webservice進行示範。 Code highlighting
Time of Update: 2018-12-07
定義和用法ajax() 方法通過 HTTP 要求載入遠端資料。該方法是 jQuery 底層 AJAX 實現。簡單易用的高層實現見 $.get, $.post 等。$.ajax() 返回其建立的 XMLHttpRequest 對象。大多數情況下你無需直接操作該函數,除非你需要操作不常用的選項,以獲得更多的靈活性。最簡單的情況下,$.ajax() 可以不帶任何參數直接使用。注意:所有的選項都可以通過 $.ajaxSetup()
Time of Update: 2018-12-07
不時,我需要某種機制,不斷重新整理網頁,以提供一個即時的儀表板某種。如果我只能重新整理一個特定的頁面的一部分,這將是很大的,例如:儀錶盤上的交通燈顯示系統狀態。這是很容易通過使用jQuery JavaScript庫,只重新整理頁面的一部分。一旦我們納入我們的頁面的jQuery庫,我們只需要1行的JavaScript得到它的工作:<script src="/js/jquery-1.3.2.min.js"