首頁  >  文章  >  web前端  >  ajax要如何學習才能學好? ajax的學習的必經之路(經典)

ajax要如何學習才能學好? ajax的學習的必經之路(經典)

寻∝梦
寻∝梦原創
2018-09-10 15:09:342985瀏覽

這篇文章主要的介紹了關於ajax的學習之路,要如何才能學好ajax,ajax的學習必須要經歷的。現在就讓我們一起來看看這篇文章吧

Ajax (Asynchronous JavaScript and XML)

在學習Ajax之前必須要有JavaScript和DOM的基礎

一、Ajax的介紹和優點

a . 什麼是Ajax?

Ajax採用是非同步互動過程

1. 局部刷新

2. 按需取資料

b. Ajax的優缺點

c. Ajax的應用

二、建立Ajax對象, 這是學習Ajax的第一步

var request=new XMLHttpRequest();

var d=new Date();

建立物件過程比較複雜一點,但這些程式碼是固定的

將建立XMLHttpRequest物件的過程寫入一個函數中

#主要是把瀏覽器分成兩種

一種是IE系列的瀏覽器(IE5.0 IE5.5 IE6.0, IE7 IE8)

一種是非IE瀏覽器(都是以W3C標準) FF Mozilla NetScape(想看更多就到PHP中文網AJAX開發手冊欄位中學習)

三、使用Ajax請求伺服器

四、透過Ajax取得伺服器傳送的資料

五、建立Ajax類別簡化Ajax的使用

六、Ajax的實例製作(唯一校驗與無刷新分頁)

new ActiveXObject("Microsoft.XMLHTTP");

new ActiveXObject("MSXML.XMLHTTP");

new ActiveXObject("'Msxml2.XMLHTTP.7.0'");

....

['Microsoft.XMLHTTP', 'MSXML.XMLHTTP', 'Msxml2.XMLHTTP.7.0', 'Msxml2.XMLHTTP.6.0', 'Msxml2.XMLHTTP.5.0', 'Msxml2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP']

Ajax引擎物件中的方法

abort() 停止目前請求

getAllResponseHeaders()作為字串返回完整的headers

getResponseHeader("headerLabel") 作為字串返回單一的header標籤

open("method","URL"[,asyncFlag[,"userName" [, "password"]]]) 設定未決的請求的目標URL,方法,和其他參數

send(content) 發送請求

setRequestHeader("label", "value") 設定header並和請求一起發送

Ajax引擎物件中的屬性

onreadystatechange 狀態改變的事件觸發器

readyState 物件狀態(integer): 

      0 = 未初始化1 = 讀取中2 = 已讀取3 = 交互中4 = 完成

responseText 伺服器進程返回資料的文本版本

responseXML 伺服器進程返回資料的兼容DOM的XML文檔物件

status 伺服器傳回的狀態碼, 如:404 = "檔案未找到" 、200 ="成功"

statusText 伺服器傳回的狀態文字資訊

#本篇文章到這就結束了(想看更多就到PHP中文網AJAX使用手冊欄位中學習),有問題的可以在下方留言提問。

以上是ajax要如何學習才能學好? ajax的學習的必經之路(經典)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn