中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

AJAX如何工作

2016-08-20    分類: 網站建設

AJAX在傳統的JavaScript代碼,如果你想從數據庫或服務器上的文件中獲取的任何信息,或發送用戶信息到服務器,你將不得不做出一個HTML表單和GET或POST數據到服務器。用戶必須單擊“提交”按鈕發送/獲取信息,等待服務器響應,然后新的一頁,將負載與結果。
因為服務器返回一個新的頁面,每次用戶提交輸入,傳統的Web應用程序可以運行緩慢,往往不太友好。使用AJAX,JavaScript直接與服務器進行通信,通過JavaScript的XMLHttpRequest對象。
通過一個HTTP請求,頁面可以請求,從服務器獲得響應,無需重新加載頁面。用戶會停留在相同的頁面上,他或她不會注意到腳本請求頁面,或者在后臺發送數據至服務器。
這張照片是一個簡單的介紹了Ajax的工作原理:

AJAX如何工作

用戶發送一個請求,執行一個動作和動作的反應顯示為一層,通過身份識別,無需重新加載整個頁面。比如用這個ID層:
< / DIV >
在接下來的步驟中我們將看到如何創建一個XMLHttpRequest和從服務器接收響應。
1。創建XMLHttpRequest
不同的瀏覽器使用不同的方法來創建XMLHttpRequest對象。Internet Explorer使用ActiveX對象,而其他的瀏覽器使用內置的JavaScript的XMLHttpRequest對象。
創建這個對象,并處理不同的瀏覽器,我們將使用一個“抓住”的聲明。
功能ajaxfunction()
{
VaR技術;
試用
{
/ / Firefox,Opera 8 +,Safari
XMLHTTP =新xmlhttprequest();
}
趕上(E)
{
/ / Internet Explorer
試用
{
XMLHTTP =新的ActiveX對象(“MSXML2. XMLHTTP”);
}
趕上(E)
{
試用
{
XMLHTTP =新的ActiveX對象(“微軟。XMLHTTP”);
}
趕上(E)
{
警報(“您的瀏覽器不支持Ajax!“);
返回false;
}
}
}
2。發送請求到服務器
送一個請求給服務器,我們使用open()法和send()方法。
方法以三個參數的open()。第一個參數定義了發送請求時使用的方法(GET或POST)。第二個參數指定服務器端腳本的URL。第三個參數指定異步處理的請求。的send()方法發送請求到服務器。
XMLHTTP。打開(“得到”,“asp”,真的);
XMLHTTP發送(空);
3。編寫服務器端腳本
responseText將存儲從服務器返回的數據。在這里,我們要返回當前時間。在“時間的代碼。ASP”看起來像這樣:
< %
響應。到期= - 1
寫(時間)的反應。
%>
4。消費的響應
現在我們需要消耗響應接收并顯示給用戶。
XMLHTTP onreadystatechange = function()。
{
如果(XMLHTTP。發生= 4)
{
以下是我參考網上的文檔。。時間。值= xmlHttp.responseText;
}
}
XMLHTTP。打開(“得到”,“asp”,真的);
XMLHTTP發送(空);
}
5。完整的代碼
現在我們必須決定什么時候應該執行Ajax功能。我們將讓函數運行的“幕后”當用戶名文本字段的用戶類型的東西。完整的代碼看起來像這樣:
<
<魚>
<腳本type=“text/javascript”>
功能ajaxfunction()
{
VaR技術;
試用
{
/ / Firefox,Opera 8 +,Safari
XMLHTTP =新xmlhttprequest();
}
趕上(E)
{
/ / Internet Explorer
試用
{
XMLHTTP =新的ActiveX對象(“MSXML2. XMLHTTP”);
}
趕上(E)
{
試用
{
XMLHTTP =新的ActiveX對象(“微軟。XMLHTTP”);
}
趕上(E)
{
警報(“您的瀏覽器不支持Ajax!“);
返回false;
}
}
}
XMLHTTP onreadystatechange = function()。
{
如果(XMLHTTP。發生= 4)
{
以下是我參考網上的文檔。。時間。值= xmlHttp.responseText;
}
}
XMLHTTP。打開(“得到”,“asp”,真的);
XMLHTTP發送(空);
}
< /腳本>
<表名稱=“以下是我參考網上“>
名稱:<輸入類型為“文本”
onkeyup =“ajaxfunction();”name=“用戶名”/>
時間:<輸入類型“文本”name=“時間”/>
<形式>
<體>
< / HTML >

創新互聯設計文章推薦:

影響網店流量的五大因素

成都新津縣網站設計

店鋪層次到底與流量有沒有直接關系?

成都蒲江縣網站設計公司

當前標題:AJAX如何工作
標題來源:http://m.2m8n56k.cn/news/21008.html

成都網站建設公司_創新互聯,為您提供標簽優化關鍵詞優化營銷型網站建設用戶體驗響應式網站Google

廣告

聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯

外貿網站制作
主站蜘蛛池模板: 国内精品国语自产拍在线观看55 | 欧美日韩国产亚洲一区二区三区 | 成人a毛片手机免费播放 | 高跟丝袜美女一级毛片 | 视频在线亚洲 | 日韩在线不卡一区在线观看 | 一区二区三区免费视频播放器 | 一级女性黄 色生活片 | 日本乱人伦在线观看免费 | 欧美日韩一区二区三区视频 | 欧美日韩一区二区三区在线播放 | 国产精品久久久久久久久久久威 | 欧美一区二区三区不卡免费 | 暖暖在线精品日本中文 | 一级一片免费视频播放 | 可以免费看黄色的网站 | 国产欧美一区二区日本加勒比 | 日韩中文字幕免费观看 | 2020国产成人免费视频 | 国产精品国产三级国产专区5o | 国产大片线上免费看 | 欧美人成在线视频 | 99精品免费在线观看 | a毛片免费在线观看 | 老外一级毛片免费看 | 韩国女主播青草在线观看 | 久草中文视频 | 91久久精品国产一区二区 | 欧美一区二区三区精品国产 | 久久精品亚洲精品国产欧美 | 亚洲一区二区在线免费观看 | 欧美乱大交xxxxx在线观看 | 黄色毛片视频校园交易 | 一区二区三区四区免费视频 | 国产在线观看xxxx免费 | 久久视频国产 | 91欧美激情一区二区三区成人 | 欧美精品亚洲人成在线观看 | 免费一级特黄3大片视频 | 在线日韩中文字幕 | 在线看欧美成人中文字幕视频 |