ajax原理 博客,AJAX工作基本原理
對于Ajax很早以前就接觸到過,只是隨著時間忘了,今天又聽前輩細細分析了下,受益匪淺。今天就記錄下來以免后患。
Ajax是Asynchronous Javascript and xml(異步
javascript和xml)。ajax很好的改善了用戶體驗,異步將數據提交于服務器,并且自動接受服務器返回的值。用戶在通過ajax的同時還可以瀏覽別的內容。
大家都知道,JavaScript是很強大得一門語言,就是在編寫的時候沒有提示,我們可以在eclipse中裝入JavaScript提示的插件(spket),下面來看下在eclipse中掛接插件。
任意將spket的文件放置,注意在spket文件夾中有eclipse文件夾,里面方的是插件。我們找到MyEclipse中得eclipse文件夾,在這個文件夾中有個links文件夾,在這個文件夾里就是配置插件的地方,關于路徑如下圖:
打開links我們創建個新的以link為后綴名的文件,內容為 path=插件路徑\spket-1.6.16
如圖:
這樣我們對JavaScript的提示插件編寫好了。打開myeclipse看下有沒有加入成功。打開windows--》preferences如果出現spket那么就說明添加成功。
下面再來看下ajax中的工作核心。在每個瀏覽器中都會有個內核,不同得瀏覽器會有不同的內核,就會產生了跨瀏覽器得問題。不過現在問題不大,因為現在得瀏覽器慢慢都遵循XMLHttpRequest。他有2個重要的屬性(readystate,responseText),2個重要得方法(open(),send()),1個重要的事件(onreadyStateChange)
屬性:
readyState:是對服務器的響應進行表示
0 (未初始化)
1 (正在裝載)
2 (裝載完畢)
3 (交互中)
4 (完成)
responseText:獲取服務器響應的數據,通常在readyState=4的情況下獲取。
方法:
open("method","url",[Asynchronous |
synchronous])
打開連接,第一個參數值傳值方式,第二個指請求url第三個是指異步還是同步,bool值,是選填,默認為異步。
send(data)
向服務器發送請求,如果是get請求,請求得數據直接拼接在url后面,這里就要填null。如果是post就要填入要發送得請求了。
事件:
onreadyStateChange
當readyState狀態值在發生改變的時候就會出發該事件。在這里如果狀態值為4的話就獲取服務器返回的值。
以上就是ajax工作的基本原理,下面來
首先編寫創建對象的js文件,如圖:
下面就是對內核的調用,也是單獨寫在js中,如圖:
接下來就是在頁面對js文件的引用以及調用,如圖:
ajax請求的是個jsp文件,如圖:
運行結果如下圖:
以上就是ajax的工作基本原理。。。
總結
以上是生活随笔為你收集整理的ajax原理 博客,AJAX工作基本原理的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: ajax asp后台获取不到post数据
- 下一篇: jquery queue ajax,如何