Ajax

文章目錄 初始化 初始化jQuery

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

首先說下使用的架構和外掛程式：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

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

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

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

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

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

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

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

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

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

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

定義和用法ajax() 方法通過 HTTP 要求載入遠端資料。該方法是 jQuery 底層 AJAX 實現。簡單易用的高層實現見 $.get, $.post 等。$.ajax() 返回其建立的 XMLHttpRequest 對象。大多數情況下你無需直接操作該函數，除非你需要操作不常用的選項，以獲得更多的靈活性。最簡單的情況下，$.ajax() 可以不帶任何參數直接使用。注意：所有的選項都可以通過 $.ajaxSetup()

不時，我需要某種機制，不斷重新整理網頁，以提供一個即時的儀表板某種。如果我只能重新整理一個特定的頁面的一部分，這將是很大的，例如：儀錶盤上的交通燈顯示系統狀態。這是很容易通過使用jQuery JavaScript庫，只重新整理頁面的一部分。一旦我們納入我們的頁面的jQuery庫，我們只需要1行的JavaScript得到它的工作：<script src="/js/jquery-1.3.2.min.js"

瞭解ajax， json，ashx,例子是一個當你使用者名稱輸入使用者名稱，請求頁面進行比對處理 例子很簡單但是讓初學者可以更好的理解query中的ajax Javascript： Javascript代碼  <script src="js/jquery-1.4.2.js" type="text/javascript"></script>  <script type="text/javascript">  function alertMsg()  {     

文件物件模型（DOM）是表示文檔（比如HTML和Xml）和訪問、操作構成文檔的各種元素的應用程式介面（API）。一般的，支援 Javascript的所有瀏覽器都支援DOM。本文所涉及的DOM，是指W3C定義的標準的文件物件模型，它以樹形結構表示HTML和Xml文檔，定義了遍曆這個樹和檢查、修改樹的節點的方法和屬性。DOM眼中的HTML文檔：樹　　在DOM眼中，HTML跟Xml一樣是一種樹形結構的文檔，< html>是根（root）節點，< head>、<

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="JQueryPro._Default" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html

Ajax處理函數模板 public void IsAjaxFunction()        {            string state = "0";            string isAjax = this.GetRequest("isAjax").ToLower();            if (isAjax == "true")            {                string action =

         function Ajax(){                 //    doc.innerHTML='<span><img src="image/load.gif"/>Loading...</span>';            ////創造對象             var xmlhttp;            try            {                if (window.ActiveXObject){