1、AJAX = Asynchronous（異步的） JavaScript and XML

　　AJAX是能不刷新整個(gè)網(wǎng)頁(yè)的前提下，更新內(nèi)容。通過(guò)少量的數(shù)據(jù)交換，達(dá)成局部頁(yè)面刷新的效果。

　　而form表單提交經(jīng)常是刷新整個(gè)頁(yè)面，很繁瑣

2、AJAX是基于現(xiàn)有的Internet標(biāo)準(zhǔn)，并且聯(lián)合使用它們：

　　a、XMLHttpRequest 對(duì)象 (異步的與服務(wù)器交換數(shù)據(jù))

　　b、JavaScript/DOM (信息顯示/交互)

　　c、CSS (給數(shù)據(jù)定義樣式)　

　　d、XML (作為轉(zhuǎn)換數(shù)據(jù)的格式)

3、JavaScript代碼

　　　　　　　　　 var xhr;if(window.XMLHttpRequest){ //常規(guī)，如果有，直接使用xhr = new XMLHttpRequest();}else{ //如果沒(méi)有，老版本IExhr = new ActiveXObject("Microsoft.XMLHTTP");}// 2.通過(guò)監(jiān)聽(tīng)ajax的狀態(tài)的改變來(lái)監(jiān)聽(tīng)xhr.onreadystatechange = function(){}console.log('步驟二完成')// 3.創(chuàng)建請(qǐng)求的消息，連接服務(wù)器 xhr.open('GET','07.php',true);　　　　//"get" 請(qǐng)求把參數(shù)寫(xiě)在地址里
　　　　　　　　　 console.log('步驟三完成')
　　　　　　　　　　// 4.發(fā)送
　　　　　　　　　　xhr.send(null);　　　　　　　　　　　　　//如果是“post”就把參數(shù)以字符串傳入；

4、jQuery代碼

引入jQeury$.ajax({type : "POST",　　　　　　//　請(qǐng)求方式url : 'http://192.168.9.156:8888/0221ajax/01.php',　　//請(qǐng)求地址 get請(qǐng)求參數(shù)拼接在地址后data : {　　　　　　　　　　//　　請(qǐng)求參數(shù)uname : $("#username").val()},success : function(data){　　　　　　//回調(diào)函數(shù)data　　//參數(shù)
}})

　　

?

轉(zhuǎn)載于:https://www.cnblogs.com/long-z/p/10448722.html

總結(jié)

以上是生活随笔為你收集整理的ajax的一些相关的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。