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

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

 更新時(shí)間:2016年05月11日 10:26:57   作者:愛不絕跡  
實(shí)現(xiàn)ajax之前必須要?jiǎng)?chuàng)建一個(gè) XMLHttpRequest 對(duì)象。這是必須的。那么對(duì)使用js實(shí)現(xiàn)ajax的代碼感興趣的朋友可以參考下本文

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ì)做的更好!

相關(guān)文章

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

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

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

    JavaScript 版本自動(dòng)生成文章摘要

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

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

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

    一個(gè)簡(jiǎn)易的js圖片輪播效果

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

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

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

    javascript屏蔽右鍵代碼

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

    ES2020系列之空值合并運(yùn)算符 ''??''

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

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

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

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

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

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

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

最新評(píng)論