Ajax技術總結

2021-08-01 10:54:02 字數 1295 閱讀 9121

同步現象:客戶端傳送請求到伺服器端,當伺服器返回響應之前,客戶端都處於等待      卡死狀態

非同步現象:客戶端傳送請求到伺服器端,無論伺服器是否返回響應,客戶端都可以隨      意做其他事情,不會被卡死

頁面發起請求,會將請求傳送給瀏覽器核心中的ajax引擎,ajax引擎會提交請求到 伺服器端,在這段時間裡,客戶端可以任意進行任意操作,直到伺服器端將資料返回       給ajax引擎後,會觸發你設定的事件,從而執行自定義的js邏輯**完成某種頁面1 功能。

js原生的ajax其實就是圍繞瀏覽器內內建的ajax引擎物件進行學習的,要使用js原      生的ajax完成非同步操作,有如下幾個步驟:

1)建立ajax引擎物件

2)為ajax引擎物件繫結監聽(監聽伺服器已將資料響應給引擎)

3)繫結提交位址

4)傳送請求

5)接受響應資料

注意:如果是post提交

在傳送請求之前設定乙個頭

總結:所用非同步訪問都是ajax引擎

e.g..

jquery是乙個優秀的js框架,自然對js原生的ajax進行了封裝,封裝後的ajax的操       作方法更簡潔,功能更強大,與ajax操作相關的jquery方法有如下幾種,但開發中     經常使用的有三種

1)$.get(url, [data], [callback], [type]) 2)

$.post(url, [data], [callback], [type])

其中:data:代表請求伺服器端的資料(可以是key=value形式也可以是json格式)

callback:表示伺服器端成功響應所觸發的函式(只有正常成功返回才執行)

type:表示伺服器端返回的資料型別(jquery會根據指定的型別自動型別轉換)

常用的返回型別:text、json、html等

3)$.ajax( );----

以後在掌握

常用的option有如下:

async:是否非同步,預設是true代表非同步

data:傳送到伺服器的引數,建議使用json格式

datatype:伺服器端返回的資料型別,常用text和json

success:成功響應執行的函式,對應的型別是function型別

type:請求方式,post/get

e.g..

2013 5 27 ajax技術的總結 1

ajax的方法是非同步的,有時候會出現ajax還沒返回資料就執行其他函式的情況,這樣會出現很多莫名奇妙的問題,以下舉出兩個例子,乙個是錯誤的,乙個是正確的。第乙個是錯誤的 code post checkurl,function data alert code 第二個是正確的 ajax非同步驗證!核心...

Ajax封裝技術

ajax封裝技術 param method 表示提交的方式 param url 表示提交的位址 param params 表示提交的引數 key val key1 val1 param handler200 處理成功 param handler404 處理資源未找到 param handler500...

關於ajax技術

前幾天終於抽時間讀了一些ajax的資料.關於ajax的框架還沒來得及去了解,專案中也只應用了部分ajax技術.其實這個技術在2002年的時候就用過了,那時候是做web監控的東西,要在web上及時的取資料,並且頁面不重新整理,當時採用了兩種模式,一種是隱藏iframe的方式,一種就是通過request...