欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

jQuery中的ajax使用示例

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

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

ajax  --前后臺分離開發(fā)    api(程序應用集---數(shù)據(jù)接口)
局部刷新技術
異步請求(請求和后續(xù)代碼同時執(zhí)行)  同步請求(等待請求執(zhí)行完成在執(zhí)行后續(xù)代碼)
專門做后臺數(shù)據(jù)的訪問的
先學習原生js的ajax  對象  XMLhttprequest 對象  后臺數(shù)據(jù)訪問的對象
原生js在訪問后臺數(shù)據(jù)的時候專門寫
1.實例化對象
2.open  連接遠程服務器  參數(shù): method  請求的方式  get  post   url:請求的服務器路徑
async  當前的請求是同步還是異步  true  異步  false  同步   user  用戶名  password  密碼

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

    var http = new XMLHttpRequest();
     //2.建立服務器連接
     http.open("get", "./data/student.txt");
     //3.發(fā)送請求
     http.send();
     //4.服務器響應
     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ù)轉化為對象型json  JSON.parse()
     var data = JSON.parse(http.response);
     console.log(data);
     //對象json轉化為string json  JSON.stringify
     //var strdata=JSON.stringify(data);
     //console.log(strdata);
     }
    
     }
    //原生ajax的封裝
    function method(meth, url, data, async, callback) {
        //對象的創(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();
            }
        }
        //響應
        http.onreadystatechange = function () {
            //狀態(tài)的判斷
            //狀態(tài)碼  200 success  500  服務器報錯 404  服務器端頁面丟失
            if (http.readyState == 4 && http.status == 200) {
                //將請求的數(shù)據(jù)返回
                callback(http.response);
            }
    
        }
    }
    //域名解析就是localhost   沒有寫端口號默認80端口
    //協(xié)議不一致會產生跨域
    //端口不一致也會導致跨域
    //域名不一致也會產生跨域
    /*
     * 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  資源共享   在后端進行配置   配置完成之后  可以直接訪問
    //例如php  在后端文件里面寫入一句話   header("Access-Control-Allow-Origin:");    代表所有
    //jsonp  跨域   在原生js里面叫src跨域  直接使用路徑
    //src可以連接遠程路徑
    //直接使用script  src屬性直接連接后臺的api進行遠程訪問
    //在路徑的后邊帶一個回調函數(shù)  就好了  后臺的處理傳回的回調函數(shù)
    //下面演示jsonp  跨域的問題

    //jsonp跨域原理是  在前端上使用src進行跨域   在接口上傳入要執(zhí)行的回調函數(shù)  (后臺一定要處理回調函數(shù)  這樣  前臺的函數(shù)才有響應)
    2.jquery里面的ajax請求

    $.ajax({
         method:"get",//請求的方式  type
         url:"", //路徑
         data:{},//傳遞的參數(shù)
         dataType:"",//數(shù)據(jù)類型
         jsonpCallback:"",//jsonp  跨域的
         success:function (res){
         //成功
         },
         error:function (){
         //請求失敗
         },
         async:true//設置同步異步的
         });
看完上述內容,你們掌握jQuery中的ajax使用方法了嗎?如果還想學到更多技能或想了解更多相關內容,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!

當前名稱:jQuery中的ajax使用示例
文章路徑:http://chinadenli.net/article22/gpccjc.html

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

廣告

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

成都網(wǎng)站建設公司
免费在线成人激情视频| 尤物天堂av一区二区| 99久久精品免费精品国产| 空之色水之色在线播放| 久久热麻豆国产精品视频| 亚洲性生活一区二区三区| 欧美不卡一区二区在线视频| 久久女同精品一区二区| 女厕偷窥一区二区三区在线| 国产欧美日产中文一区| 日本欧美视频在线观看免费| 91久久精品国产成人| 国产综合欧美日韩在线精品| 国产午夜福利片在线观看| 高清国产日韩欧美熟女| 日本人妻熟女一区二区三区| 午夜传媒视频免费在线观看| 正在播放玩弄漂亮少妇高潮| 九九热九九热九九热九九热 | 香蕉久久夜色精品国产尤物 | 国产午夜福利片在线观看| 五月婷婷六月丁香在线观看| 国产内射一级一片内射高清视频| 国产一区二区三区av在线| 丝袜视频日本成人午夜视频| 亚洲国产欧美精品久久| 亚洲一区二区三区在线中文字幕| 一区中文字幕人妻少妇| 99精品国产一区二区青青 | 亚洲精品黄色片中文字幕| 欧美一区二区三区99| 亚洲欧洲一区二区中文字幕| 91日韩在线观看你懂的| 东京热男人的天堂社区| 内用黄老外示儒术出处| 中国一区二区三区人妻| 黄男女激情一区二区三区| 日韩人妻中文字幕精品| 熟妇人妻av中文字幕老熟妇| 国产成人精品国产成人亚洲| 色婷婷成人精品综合一区|