使用JavaScript實現(xiàn)ajax的實例代碼
AJAX = Asynchronous JavaScript and XML.
AJAX 是一種創(chuàng)建快速動態(tài)網(wǎng)頁的技術(shù)。
AJAX 通過在后臺與服務(wù)器交換少量數(shù)據(jù)的方式,允許網(wǎng)頁進行異步更新。這意味著有可能在不重載整個頁面的情況下,對網(wǎng)頁的一部分進行更新。
實現(xiàn)ajax之前必須要創(chuàng)建一個 XMLHttpRequest 對象。如果不支持創(chuàng)建該對象的瀏覽器,則需要創(chuàng)建 ActiveXObject.具體方法如下:
var xmlHttp; function createxmlHttpRequest() { if (window.ActiveXObject) { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } else if (window.XMLHttpRequest) { xmlHttp=new XMLHttpRequest(); } }
(1)下面使用上面創(chuàng)建的xmlHttp實現(xiàn)最簡單的ajax get請求:
function doGet(url) { // 注意在傳參數(shù)值的時候最好使用encodeURI處理一下,以防出現(xiàn)亂碼 createxmlHttpRequest(); xmlHttp.open("GET",url); xmlHttp.send(null); xmlHttp.onreadystatechange = function() { if ((xmlHttp.readyState == 4) && (xmlHttp.status == 200)) { alert('success'); } else { alert('fail'); } } }
(2)使用上面創(chuàng)建的xmlHttp實現(xiàn)最簡單的ajax post請求:
function doPost(url,data) { // 注意在傳參數(shù)值的時候最好使用encodeURI處理一下,以防出現(xiàn)亂碼 createxmlHttpRequest(); xmlHttp.open("POST",url); xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); xmlHttp.send(data); xmlHttp.onreadystatechange = function() { if ((xmlHttp.readyState == 4) && (xmlHttp.status == 200)) { alert('success'); } else { alert('fail'); } } }
以上內(nèi)容是小編給大家介紹的JavaScript實現(xiàn)ajax的實例代碼,希望對大家有所幫助,在使用過程發(fā)現(xiàn)有任何疑問歡迎給我留言,小編會及時回復(fù)大家的。在此小編非常感謝大家對腳本之家網(wǎng)站的支持,相信我們會做的更好!
- ajaxFileUpload.js插件支持多文件上傳的方法
- 原生Javascript封裝的一個AJAX函數(shù)分享
- jQuery中ajax和post處理json的不同示例對比
- ASP.NET中MVC使用AJAX調(diào)用JsonResult方法并返回自定義錯誤信息
- node.js+Ajax實現(xiàn)獲取HTTP服務(wù)器返回數(shù)據(jù)
- javascript結(jié)合ajax讀取txt文件內(nèi)容
- ThinkPHP通過AJAX返回JSON的兩種實現(xiàn)方法
- ThinkPHP中使用ajax接收json數(shù)據(jù)的方法
- 實例詳解angularjs和ajax的結(jié)合使用
相關(guān)文章
關(guān)于Javascript與iframe的那些事兒
iframe 很多網(wǎng)站都在用,雖然方便開發(fā)與維護(可能同時有幾個頁面調(diào)用同一個 iframe ),不過卻存在安全問題2013-07-07mock.js實現(xiàn)模擬生成假數(shù)據(jù)功能示例
這篇文章主要介紹了mock.js實現(xiàn)模擬生成假數(shù)據(jù)功能,結(jié)合實例形式分析了mock.js插件生成模擬數(shù)據(jù)的相關(guān)操作技巧,需要的朋友可以參考下2019-01-01Firefox中beforeunload事件的實現(xiàn)缺陷淺析
beforeunload 指在頁面卸載前提供的最后一次JS執(zhí)行的機會2012-05-05