欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

使用JavaScript實現(xiàn)ajax的實例代碼

 更新時間:2016年05月11日 10:26:57   作者:愛不絕跡  
實現(xiàn)ajax之前必須要創(chuàng)建一個 XMLHttpRequest 對象。這是必須的。那么對使用js實現(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)站的支持,相信我們會做的更好!

相關(guān)文章

  • JavaScript前端優(yōu)化策略深入詳解

    JavaScript前端優(yōu)化策略深入詳解

    在前端開發(fā)中,優(yōu)化頁面性能是非常重要的一個方面,頁面性能優(yōu)化可以提升網(wǎng)站的用戶體驗,加速頁面的加載速度,提高用戶的滿意度,本文講解了前端通用的優(yōu)化策略,需要詳細了解可以參考下
    2023-05-05
  • JavaScript 版本自動生成文章摘要

    JavaScript 版本自動生成文章摘要

    搜了搜這個,發(fā)現(xiàn)找不到答案。所以自己寫了一個,很多程序繞過這個問題,往往人工來決定在何處截斷 ,太麻煩了。
    2008-07-07
  • 關(guān)于Javascript與iframe的那些事兒

    關(guān)于Javascript與iframe的那些事兒

    iframe 很多網(wǎng)站都在用,雖然方便開發(fā)與維護(可能同時有幾個頁面調(diào)用同一個 iframe ),不過卻存在安全問題
    2013-07-07
  • 一個簡易的js圖片輪播效果

    一個簡易的js圖片輪播效果

    這篇文章主要為大家詳細介紹了一個簡易的js圖片輪播效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-07-07
  • 微信上傳視頻文件提示(推薦)

    微信上傳視頻文件提示(推薦)

    晚上要下班了老板發(fā)來一個任務(wù):把一個300M左右的視頻壓縮到100M以內(nèi),以便在微信上發(fā)送。于是就是抽空搞了起來,下面小編把過程分享到腳本之家平臺,需要的朋友參考下吧
    2018-11-11
  • javascript屏蔽右鍵代碼

    javascript屏蔽右鍵代碼

    屏蔽右鍵在某些特殊的情況下還是比較有用的,下面與大家分享個常用的屏蔽方法
    2014-05-05
  • ES2020系列之空值合并運算符 ''??''

    ES2020系列之空值合并運算符 ''??''

    這篇文章主要介紹了ES2020系列之空值合并運算符 '??',文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-07-07
  • mock.js實現(xiàn)模擬生成假數(shù)據(jù)功能示例

    mock.js實現(xiàn)模擬生成假數(shù)據(jù)功能示例

    這篇文章主要介紹了mock.js實現(xiàn)模擬生成假數(shù)據(jù)功能,結(jié)合實例形式分析了mock.js插件生成模擬數(shù)據(jù)的相關(guān)操作技巧,需要的朋友可以參考下
    2019-01-01
  • Firefox中beforeunload事件的實現(xiàn)缺陷淺析

    Firefox中beforeunload事件的實現(xiàn)缺陷淺析

    beforeunload 指在頁面卸載前提供的最后一次JS執(zhí)行的機會
    2012-05-05
  • js頁面跳轉(zhuǎn)的常用方法整理

    js頁面跳轉(zhuǎn)的常用方法整理

    跳轉(zhuǎn)頁面的方法有很多,在本文整理了一些比較常用,并有示例代碼,感興趣的朋友可以參考下
    2013-10-10

最新評論