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