使用JavaScript實(shí)現(xiàn)ajax的實(shí)例代碼
AJAX = Asynchronous JavaScript and XML.
AJAX 是一種創(chuàng)建快速動態(tài)網(wǎng)頁的技術(shù)。
AJAX 通過在后臺與服務(wù)器交換少量數(shù)據(jù)的方式,允許網(wǎng)頁進(jìn)行異步更新。這意味著有可能在不重載整個頁面的情況下,對網(wǎng)頁的一部分進(jìn)行更新。
實(shí)現(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實(shí)現(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實(shí)現(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實(shí)現(xiàn)ajax的實(shí)例代碼,希望對大家有所幫助,在使用過程發(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實(shí)現(xiàn)獲取HTTP服務(wù)器返回數(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ù)(可能同時有幾個頁面調(diào)用同一個 iframe ),不過卻存在安全問題2013-07-07
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)缺陷淺析
beforeunload 指在頁面卸載前提供的最后一次JS執(zhí)行的機(jī)會2012-05-05

