Ajax

學習Ajax提交的朋友，不妨參考一下吧，從中你會明白一些技巧吧。 因代碼本身的問題，指令碼之家已經修正，歡迎大家測試。 xmlns="http://www.w3.org/1999/xhtml"> 不妨多提交幾次留言試試看……顯示留言

尤其是在Jquery，porotype，Ext等架構流行之後，大量簡化的代碼可說是為程式員帶來了福音， 從繁重的代碼工作之中解脫出來，輕易的就可以實現過去書寫複雜的功能。 不過有利有弊，到如今，習慣了使用各種架構，而很少自己書寫內部源碼的程式員們，還有幾個記得Ajax那其實並不算複雜的基本代碼呢？ 今天，為了不遺忘當初的熱忱，我把這基礎的代碼再貼出來，給自己回顧一下。 1。對於Ajax來說，判斷瀏覽器的類別是一個重複而且毫無新意的工作，這段代碼完全可以封裝起來，隨意調用。 複製代碼

今天我們來講一下Dom在ajax技術中的作用．當你使用ajax向服務端發出請求，並返回資料到用戶端時．你是怎麼 將這些返回的資料顯示到網頁上的？毫無疑問的你使用的是Dom，利用Dom的各個指令．來向html中添加你想要顯示的內容．例如：getElementById也或是getElementsByTagName尋找元素 innerHTML顯示內容?還是appendChild添加元素?當然建立一個不存在的元素也是可以的createElement可以輕鬆實現．

我覺得還是有必要把我的ajax分頁呈現給大家．我先講一下這個ajax分頁的實現核心，然後我們再看執行個體效果．所謂的ajax分頁與傳統的資料分頁，在服務端的代碼基本上是一樣的．我們主要做的是使用ajax在不重新整理的情況下，將請求的頁碼，和每頁要顯示的條數發送給服務端的處理網頁．大家點擊這個網址就可以看到要請求的資料："ajax_page.asp?action=read&pagecount=3 & current_page=1"

如果你真的把前幾篇掌握了．實現ajax刪除功能會易如反常．我所要教你的是．靈活利用JavaScript和Dom來實現一個酷酷的刪除效果．其實你學習到這裡．已經能夠明白，在ajax技術中那些被請求的 服務端網頁，在非ajax應用中並無太大區別．無非也是接受前端發過來的請求．在後台執行一些操作而已！學習完這篇教程以後．你會明白想要實現夠炫夠酷的的ajax效果．你必須要熟練掌握JavaScript Dom 這些技術精通． 剛剛我喝多了，上面的這段話是我在兩天前就寫好的．我本來想直接睡覺的．但我想試試．

由於使用的是jquery,擋在手冊裡沒有找到關於.abort()方法，在網上搜尋了一下，在http://ooxx.me/jquery-ajax-abort.orz看到有關於jquery 裡.abort()使用方法,直接用例子: 複製代碼 代碼如下:current_request = $.get('/events', { '七夕': '發春' },function(resp) { alert(resp); }); if(current_request)

今天我們要學習的內容是：使用ajax向服務端的資料庫添加資料，然後在網頁不重新整理情況下即時顯示被添加的資料．需要說明的是．本次ajax執行個體教程與前3篇有2點大不同之處． 1：我們要對資料庫進行操作．2：更換請求的服務端網頁．不再使用Web_ajax.Asp檔案．新的請求網頁是：Add_Data.Asp．看尾碼大家就應該能明白．我在服務端採用的技術是Asp．都說Asp過時了．可他的簡單易用，易學深深地吸引著我！當然也你可以使用php,

是的，今天我們要實現的效果是．在不重新整理網頁的情況下讀取並顯示服務端的資料． 拿出來我們上次準備好的東西． １：XMLHTTPRequest對象的函數． ２：Asp輸出xml格式的檔案．你可以點擊查看該檔案內容 複製代碼 代碼如下:<% '出自：http://Www.Web666.Net '作者：康董 '如需轉載請務必保留以上資訊 '定義一個變數，來儲存xml資料 dim xml xml = "<?xml version='1.0'

我將在Web圈推出ajax原創系列教程，如果你還不知道什麼是ajax，請閱讀：ajax是什嗎？ 在此之前我們需要做一下簡單的ajax準備工作，但你必須要具備基本的html,javascript,dom編寫能力．否則這個ajax教程你讀起來會很吃力．我的目的是通過這份教程．可以讓你在你的網頁中使用ajax技術實現，讀取，添加，修改，刪除資料的操作．也許你是只老鳥對我寫的這些不屑一顧，但我還是希望你能看 下該教程中示範的一些例子，沒準會有地方吸引你！

我很開心您來閱讀我寫的關於ajax的執行個體教程,無論您是第一次還是老朋友.我將在這裡獻上我至今所學,並毫不吝嗇, 關於ajax,什麼是ajax重點: ajax不是一種語言,而是多種技術組合在一起使用,ajax只是這幾種技術組合的代名詞網上有很多教程文章這樣解釋ajax: Asynchronous JavaScript And XML 中文即是:非同步JavaScript與XML我覺得這種解釋很籠統,會讓新手摸不著頭腦.

前言: 當jquery ajax在utf-8編碼下（頁面utf－8，接收utf-8），無任何問題。可以正常post、get，處理頁面直接擷取正確的內容。 但在以下情況下: GBK -> AJAX POST ->GBK UTF-8 -> AJAX POST ->GBK 後台代碼無法擷取正確的內容，通常表現為擷取到奇怪字元、問號。 經典解決方案： 1：發送頁面、接收頁面均採用UTF-8編碼。 2：發送頁面在調用ajax

並且JQuery1.3.2版本不存在，JQuery1.4+版本存在 通過對比，最終找到這兩個版本的其中一個差別 JQuery1.4+在ajax方法增加了一段代碼，用於在abort時調用onreadystatechange方法 複製代碼 代碼如下:try { var oldAbort = xhr.abort; xhr.abort = function() { if ( xhr ) { oldAbort.call( xhr ); } onreadystatechange(); }; } catch(

先看調用方式： 複製代碼 代碼如下:ajax.request("ajax.html",{v:Math.random(),num:1},function(data){ //do something },'get'); 方式好像jquery哦。。。還是覺得這樣調用方便些。。。 複製代碼 代碼如下:var ajax = { //Xmlhttprequest類 Xmlhttprequest :function() { this.xhr =false; }, //外部調用介面 request :

1、【使用iframe】 在需要載入的頁面中添加一個iframe，如下 複製代碼 代碼如下:<iframe style="display:none" onload="javascript: close_ticket_onload()"></iframe> onload中添加你所要調用的函數，如果載入的頁面在彈出層中，此函數需要放在彈出此層的父頁面！ 2、【使用eval】

建立xmlhttprequest 對象。 複製代碼 代碼如下:return window.ActiveXObject ? new window.ActiveXObject('Microsoft.XMLHTTP') : new XMLHttpRequest;次對象一個 onreadystatechange 事件。有兩個屬性readyState，status。簡單的AJAX我們將使用到這幾個東西。 以下使用到的createXMLHttp()方法就是上面這段代碼！ 1：以GET方式發出一個請求的實現;

拿出來我們上次準備好的東西．１：XMLHTTPRequest對象的函數．２：Asp輸出xml格式的檔案．你可以點擊查看該檔案內容：Asp輸出xml格式的資料 開啟以後你會發現我們使用Asp技術動態輸出一個xml格式的資料．如果你對該技術還不瞭解，請返回閱讀：ajax開始準備篇　在這個輸出的資料裡面有一個msg標籤．標籤裡包含了一段文字內容．今天我們就讀取這個msg標籤．並將文字內容顯示到你的網頁上． 先看下面的代碼．並附上效果示範 web_ajax.asp 複製代碼 代碼如下:<?xml

產生Asp.Net MVC架構後，已經包含了jQuery指令碼，相關環境設定可參看我的另一篇文章：Asp.Net MVC執行個體。這裡，我們仍然藉助執行個體中的環境。在產生的架構中的Scripts檔案夾中已經可以看到jQuery的指令碼。我們在TestModel.cs中建立一個函數，以取得Json資料，仍然使用Tets表，包含兩個欄位：Id和Name。 複製代碼 代碼如下://JsonDataArray public static Array GetJsonArray(String name)

同時我還將展示，如何使用JavaScript指令碼和Dom介面，來為網頁建立一個表格 ．將ajax請求的資料顯示到該表格內． 本次的ajax執行個體效果中請求的服務端網頁依然是：Web_ajax.Asp　該網頁使用了Asp輸出xml技術．如果你還不知道如何使用Asp輸出xml請返回：＂ajax開始準備篇＂ 提醒：在每篇ajax教程的執行個體開始之前，你必須查看當天的Web_ajax.asp檔案中的資料結構．因為我們每次執行個體中要讀取的標籤和內容都不一樣．點擊：查看Web_ajax.Asp

請求方式，分為GET與POST： GET 最為常見的HTTP請求，普通上網瀏覽頁面就是GET。GET方式的參數請求直接跟在URL後，以問號開始。（JS中用window.location.search獲得）。參數可以用encodeURIComponent進行編碼，使用方式: var EnParam = encodeURIComponent(param);

複製代碼 代碼如下:// 建立 XHR 對象 var xhr; if (window.XMLHttpRequest) { xhr = new XMLHttpRequest(); } else if (window.ActiveXObject) { xhr = new ActiveXObject("Msxml2.XMLHTTP"); } else { throw new Error("Ajax is not supported by this browser"); } function