詳解Ajax請求(二) 非同步請求原理的分析

2022-06-10 08:54:08 字數 1871 閱讀 5975

我們知道,在同步請求模型中,瀏覽器是直接向伺服器傳送請求,並直接接收、處理伺服器響應的資料的。這就導致了瀏覽器傳送完乙個請求後,就只能幹等著伺服器那邊處理請求,響應請求,在這期間其它事情都做不了。這就像是你到了乙個新城市去找房子住,你可以自己去找,在**上或者是街頭小廣告上去了解**資訊,找合適自己的那乙個,然後去跟房東談價錢。在這期間你的精力和時間大部分都用到了找房子上,你可能沒時間再去找工作或者做其他的事情了。還有一種方式是你找乙個租房中介,找你乙個**人,把你的需求告訴他讓他來幫你找,在中介給你找房子的同時你還可以去找工作或者做其他的事情。

下面我們用原生的ajax請求的**實現一下,上片文章中的那個示例。輸入姓名,頁面區域性重新整理身份證號。

<

input

type

="button"

id="testbtn"

value

="測試按鈕"

onclick

="sentajax();"

/><

br>

姓名:<

input

type

="text"

name

= 'name'

value

=""/><

br>

身份證號:

}點選按鈕看一下執行結果:

下面我們看一下,ajax請求中對於各項引數的解釋。

var xmlhttp = new xmlhttprequest();//用於建立**物件

xmlhttp.open("get","/manage/test/ajax",true);//初始化請求

xmlhttp.send();//傳送請求

xmlhttp.onreadystatechange//監聽請求的狀態

//獲取相應文字格式

最後說一點,我們作為程式設計師,研究問題還是要仔細深入一點的。當你對原理了解的有夠透徹,開發起來也就得心應手了,很多開發中的問題和疑惑也就迎刃而解了,而且在面對其他問題的時候也可做到觸類旁通。當然在開發中沒有太多的時間讓你去研究原理,開發中要以實現功能為前提,可等專案上線的後,你有大把的時間或者空餘的時間,你大可去刨根問底,深入的去研究一項技術,為覺得這對一名程式設計師的成長是很重要的事情。

非同步請求 ajax的使用詳解

也可以理解為 初始化 如下 function createxmlhttprequest catch e catch e catch e responsetext 伺服器程序返回資料的文字版本。respon ml 伺服器程序返回資料的 相容dom的xml文件物件。status 伺服器返回的狀態碼,如4...

ajax同步請求與非同步請求

在前後臺請求資料互動的時候,我們經常用到ajax來進行資料的請求與返回,ajax請求的async欄位是boolean型別,用來標識ajax請求是同步請求或者非同步請求。async預設為true,非同步請求。兩者的區別如下 非同步請求 非同步請求的好處是 不用等待ajax返回資料結果,就繼續往下執行,...

ajax同步請求和非同步請求

這裡講解一下ajax 同步和非同步的差異,先看2 段 一 二 同步和非同步的差異如下 obj.open post url,true ajax非同步 obj.open post url,false ajax同步 對於 一,為非同步的ajax請求,執行結果為 先執行alert 2 再執行alert 1 ...