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 { ();
-
淺析JavaScript基本類型與引用類型
兩種類型:ECMAScript變量包含兩種不同類型的值:基本類型值、引用類型值;基本類型值:指的是保存在棧內存中的簡單數據段;引用類型值:指的是那些保存在堆內存中的`對象,意思是,變量中保存的實際上只是一個指針,這個指針指向內存中的另一個位置,由該位置保存對象;兩種訪問方...
-
javascript操作select元素案例分析
本文實例講述了javascript操作select元素的.用法。分享給大家供大家參考。具體分析如下:這裏熟悉一下js對select元素的操作,html頁面中建立一個form,其中包含一個select元素和submit按鈕。當選擇select中某一項時改變其文字,當select中所有項的文字都改變後,重新恢...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...
-
JavaScript基本語法分析
一、JavaScript基本語法。(一)數據類型與變量類型。整數,小數,佈局,字符串,日期時間,數組強制轉換:parseInt()parseFloat()isNaN()(二)數組var數組名=newArray([長度]);//“假冒”數組th-長度a[下標]=值。a[下標](三)函數複製代碼代碼如下:function函數名(形參){}function...