這篇文章主要為大家詳細(xì)介紹了jQuery中的ajax使用方法，文中示例代碼介紹的非常詳細(xì)，零基礎(chǔ)也能參考此文章，感興趣的小伙伴們可以參考一下。

創(chuàng)新互聯(lián)建站服務(wù)項(xiàng)目包括歷下網(wǎng)站建設(shè)、歷下網(wǎng)站制作、歷下網(wǎng)頁(yè)制作以及歷下網(wǎng)絡(luò)營(yíng)銷策劃等。多年來(lái)，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，歷下網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到歷下省份的部分城市，未來(lái)相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

ajax  --前后臺(tái)分離開(kāi)發(fā)    api(程序應(yīng)用集---數(shù)據(jù)接口)
局部刷新技術(shù)
異步請(qǐng)求（請(qǐng)求和后續(xù)代碼同時(shí)執(zhí)行）  同步請(qǐng)求（等待請(qǐng)求執(zhí)行完成在執(zhí)行后續(xù)代碼）
專門做后臺(tái)數(shù)據(jù)的訪問(wèn)的
先學(xué)習(xí)原生js的ajax  對(duì)象  XMLhttprequest 對(duì)象  后臺(tái)數(shù)據(jù)訪問(wèn)的對(duì)象
原生js在訪問(wèn)后臺(tái)數(shù)據(jù)的時(shí)候?qū)ｉT寫
1.實(shí)例化對(duì)象
2.open  連接遠(yuǎn)程服務(wù)器  參數(shù)： method  請(qǐng)求的方式  get  post   url:請(qǐng)求的服務(wù)器路徑
async  當(dāng)前的請(qǐng)求是同步還是異步  true  異步  false  同步   user  用戶名  password  密碼

1. send() 發(fā)送請(qǐng)求
   4.響應(yīng)事件onreadystatechange
   5.渲染界面

   var http = new XMLHttpRequest();
    //2.建立服務(wù)器連接
    http.open("get", "./data/student.txt");
    //3.發(fā)送請(qǐng)求
    http.send();
    //4.服務(wù)器響應(yīng)
    http.onreadystatechange = function () {
    //5.界面的渲染
    //判斷   獲取最終讀取完成狀態(tài)
    if (http.readyState == 4) {
    //返回的數(shù)據(jù)都是string
    //console.log(typeof http.responseText);
    console.log(http.response);
    //字符串類型的json數(shù)據(jù)轉(zhuǎn)化為對(duì)象型json  JSON.parse()
    var data = JSON.parse(http.response);
    console.log(data);
    //對(duì)象json轉(zhuǎn)化為string json  JSON.stringify
    //var strdata=JSON.stringify(data);
    //console.log(strdata);
    }
   
    }

   //原生ajax的封裝
   function method(meth, url, data, async, callback) {
       //對(duì)象的創(chuàng)建
       var http = new XMLHttpRequest();
       //判斷
       if (meth == "get") {
           //get 傳遞的數(shù)據(jù)在路徑的后邊  www.baidu.com?name=1&s=2
           if (data) {
               url += "?";
               url += data;
           }
           http.open(meth, url, async);
           http.send();
       }
       else {
           http.open(meth, url, async);
           //判斷是否有數(shù)據(jù)
           if (data) {
               http.send(data);
           }
           else {
               http.send();
           }
       }
       //響應(yīng)
       http.onreadystatechange = function () {
           //狀態(tài)的判斷
           //狀態(tài)碼  200 success  500  服務(wù)器報(bào)錯(cuò) 404  服務(wù)器端頁(yè)面丟失
           if (http.readyState == 4 && http.status == 200) {
               //將請(qǐng)求的數(shù)據(jù)返回
               callback(http.response);
           }
   
       }
   }

   //域名解析就是localhost   沒(méi)有寫端口號(hào)默認(rèn)80端口
   //協(xié)議不一致會(huì)產(chǎn)生跨域
   //端口不一致也會(huì)導(dǎo)致跨域
   //域名不一致也會(huì)產(chǎn)生跨域
   /*
    * http://www.maodou.com/mao/list.html
    * https://www.maodou.com/mao/list.html
    * http://www.maodou.com:8080/mao/list.html
    * http://www.dou.com/mao/list.html
    * */

   //跨域怎樣解決
   //cros  資源共享   在后端進(jìn)行配置   配置完成之后  可以直接訪問(wèn)
   //例如php  在后端文件里面寫入一句話   header("Access-Control-Allow-Origin:");    代表所有
   //jsonp  跨域   在原生js里面叫src跨域  直接使用路徑
   //src可以連接遠(yuǎn)程路徑
   //直接使用script  src屬性直接連接后臺(tái)的api進(jìn)行遠(yuǎn)程訪問(wèn)
   //在路徑的后邊帶一個(gè)回調(diào)函數(shù)  就好了  后臺(tái)的處理傳回的回調(diào)函數(shù)
   //下面演示jsonp  跨域的問(wèn)題

   //jsonp跨域原理是  在前端上使用src進(jìn)行跨域   在接口上傳入要執(zhí)行的回調(diào)函數(shù)  （后臺(tái)一定要處理回調(diào)函數(shù)  這樣  前臺(tái)的函數(shù)才有響應(yīng)）
   2.jquery里面的ajax請(qǐng)求

   $.ajax({
        method:"get",//請(qǐng)求的方式  type
        url:"", //路徑
        data:{},//傳遞的參數(shù)
        dataType:"",//數(shù)據(jù)類型
        jsonpCallback:"",//jsonp  跨域的
        success:function (res){
        //成功
        },
        error:function (){
        //請(qǐng)求失敗
        },
        async:true//設(shè)置同步異步的
        });

看完上述內(nèi)容，你們掌握jQuery中的ajax使用方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

當(dāng)前名稱：jQuery中的ajax使用示例
文章路徑：http://www.chinadenli.net/article22/gpccjc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標(biāo)簽優(yōu)化、移動(dòng)網(wǎng)站建設(shè)、網(wǎng)站改版、網(wǎng)站制作、外貿(mào)建站、定制網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)