ajax詳細解釋
什麼是Ajax
Ajax是Asynchronous JavaScript and XML的縮寫,這一技術能夠向服務器請求額外的數據而無需卸載整個頁面,會帶來良好的用户體驗。傳統的HTTP請求流程大概是這樣的,瀏覽器向服務器發送請求-〉服務器根據瀏覽器傳來數據生成response-〉服務器把response返回給瀏覽器-〉瀏覽器刷新整個頁面顯示最新數據,這個過程是同步的,順序執行。
AJAX 在瀏覽器與 Web 服務器之間使用異步數據傳輸(HTTP 請求)從服務器獲取數據,這裏的異步是指脱離當前瀏覽器頁面的請求、加載等單獨執行,這意味着可以在不重新加載整個網頁的情況下,通過JavaScript接受服務器傳來的數據,然後操作DOM將新數據對網頁的某部分進行更新,使用Ajax最直觀的`感受是向服務器獲取新數據不需要刷新頁面等待了。
ajax的理解(一)
Ajax是Asynchronous Javascript And XML的縮寫。 作用:通過Ajax可以使用Javascript語句來調用XMLHttpRequest對象,直接與服務器進行通訊,可以在不重載頁面的情況下與服務器交換數據。 1、創建XML
Ajax是Asynchronous Javascript And XML的縮寫。
作用:通過Ajax可以使用Javascript語句來調用XMLHttpRequest對象,直接與服務器進行通訊,可以在不重載頁面的情況下與服務器交換數據。
1、創建XMLHttpRequest對象
var xhr = new XMLHttpRequest()
對於IE早期版本(IE7及以下版本)使用,new ActiveXObject("TTP")、new ActiveXObject("TTP")等方式創建對象
2、XMLHttpRequest對象常用屬性和常用方法
屬性
readystate 返回XMLHTTP請求的當前狀態碼
state 返回當前請求的HTTP狀態碼
statusText 返回HTTP狀態碼對應的文本
方法
onreadystatechange 監聽readystate和state狀態
ajax的理解(二)
ajax方法:通過 HTTP 請求加載遠程數據
get方法: 通過遠程 HTTP GET 請求載入信息
post方法:通過遠程 HTTP POST 請求載入信息
1、創建XMLHttpRequest對象
function createXHR() { return ttpRequest ? new XMLHttpRequest() : new ActiveXObject("TTP");}
2、將鍵值對轉換成拼接串
function params(data) { var a = []; for (var i in data) { (encodeURIComponent(i) + "=" + encodeURIComponent(data[i])); } return ("&"); }
3、封裝ajax方法
參數
method 請求方法 get和post 默認get
data 鍵值對 {key:value}
url 鏈接地址
cache 緩存 true 和 false 默認true帶緩存
success 成功 error 異常
function ajax(args) { var xhr = createXHR(); var data = (); if (/get/(od)) { // 當為get方式時 將data直接拼接到url後 += "" + data; } if (!e) { //無緩存 if (xOf("") < 0) { //當無參數data += ""; } += "&" + (new Date()); // om(); } (od, , true); adystatechange = function () { if (4 == yState && 200 == us) { ess(onseText, onseXML); } else { r(); } } if (/post/(od)) { equestHeader("Content-Type", "application/x-www-form-urlencoded"); (data); } else { ();
-
Dreamweaver技巧詳解
Dreamweaver由MX版本開始使用Opera軟件公司的排版引擎“Presto”作為網頁預覽。下面給大家介紹Dreamweaver技巧,一起來學習吧!Dreamweaver技巧詳解1、靈活運用樣式熟悉網頁設計的網友就知道,調用Style的方法很多,我們可以單擊鼠標右鍵選擇CustonStyle來調用Style...
-
SQl常用增刪改查模板
篇一:SQl常用增刪改查SQL常用增刪改查語句增加現在有一張表,表(Test)裏面有三個字段,分別為sno,sname,age。舉例用一條增加SQL語句,插入一條數據進庫。語句:Insertinto表名value(‘數據1’,’數據2’,’數據3’)具體操作:Insertintotestvalues('test','te...
-
WAP教程:WML 鏈接和圖像
鏈接可以製作WML卡片來顯示WML的錨功能,圖像可以製作WML卡片來顯示圖像.鏈接可以製作WML卡片來顯示WML的錨功能。標籤總是要規定一個任務("go","prev",或"refresh")。任務定義了當用户選擇此鏈接時要做的事情。在本例中,當用户選擇"Nextpage",其任務是"前往":Next...
-
HTML5教程:畫布Canvas基礎知識講解
Canvas是HTML5最讓人期待的特性之一,目前已獲得大部分Web瀏覽器支持Canvas可以幫助創建遊戲、增強圖形用户界面。下面YJBYS小編為大家帶來畫布Canvas基礎知識,希望對大家學習有所幫助!HTML5規範引進了很多新特性,其中最令人期待的之一就是Canvas元素。HTML5Canvas...