原生JS實現(xiàn)AJAX

原生JS實現(xiàn)AJAX代碼庵芭,代碼如下


var xhr1 = new XMLHttpRequest;
        xhr1.open("POST", 'http://47.92.121.171:17788', true);
        xhr1.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
        xhr1.onreadystatechange = function () {
            if (xhr1.readyState == 4 && xhr1.status == 200) {
                console.log("打印用戶信息1" + xhr1.responseText);
            }
        }

        xhr1.send("code=p_001&name=aaaaaa&pas=123456&belong=aabbccdd");

如果需要ajax運行方法完成后調(diào)用結(jié)果的話 需要使用回調(diào)函數(shù) 或者 promise

回調(diào)函數(shù)


     private loadXMLDoc(url, sendcode, cfunc) {
        this.xmlhttp = new XMLHttpRequest;
        this.xmlhttp.open("POST", url, true);
        this.xmlhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
        this.xmlhttp.onreadystatechange = cfunc;
        this.xmlhttp.send(sendcode);
    }
    private myFunction() {
        this.loadXMLDoc("http://47.92.121.171:17788", "code=p_001&name=aaaaaa&pas=123456&belong=aabbccdd",()=>{
            if (this.xmlhttp.readyState == 4 && this.xmlhttp.status == 200) {
                console.log("3")
                console.log("打印用戶信息1" + this.xmlhttp.responseText) 
            }
        });
    }

使用promise


this.getGameServer().then(function (res) {
            console.log("res" + res);
        }).catch(function (rej) {
            console.log("rej" + rej);
        });

private getGameServer() {
        return new Promise(function (resolve, reject) {
            var xhr = new XMLHttpRequest;
            xhr.open("POST", 'http://47.92.121.171:9002/rout/get_game_servers', true);
            xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
            xhr.onreadystatechange = function () {        
                if (xhr.readyState == 4 && xhr.status == 200) {
                    resolve(xhr.responseText);
                }
            }
            xhr.send("game=1&shang=common");
        });
    }

使用async / await


    //初始化房間
    async  initRoom() {
        var arraycard = [];
        for (var i = 0; i < 5; i++) {
            //創(chuàng)建一個新牌面

            var card = new Laya.Image("img_card_back_small.png");
            card.x = this.cardBack.x;
            card.y = this.cardBack.y;
            Laya.stage.addChild(card);
            //獲取box坐標
            var pos = this["play_" + (i + 1)].localToGlobal(new Laya.Point(0, 0));
            //this.play_1          
            console.log("posx", pos.x)
            console.log("posy", pos.y)
            //緩動動畫
            await this.ontween(pos.x, pos.y, card); 
        }
    }

    //發(fā)牌緩動
    ontween(x, y, card) {
        return new Promise((resolve, reject) => {
            console.log("ontween-posx", x)
            console.log("ontween-posy", y)
            setTimeout(() => {
                resolve(Tween.to(card, { x: x, y: y }, 500, null, Laya.Handler.create(this, () => {
                    console.log("發(fā)牌結(jié)束");
                    Laya.stage.removeChild(card);
                })))
            }, 500);

        })
    }
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市雀监,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌眨唬,老刑警劉巖会前,帶你破解...
    沈念sama閱讀 216,843評論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異匾竿,居然都是意外死亡瓦宜,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,538評論 3 392
  • 文/潘曉璐 我一進店門岭妖,熙熙樓的掌柜王于貴愁眉苦臉地迎上來临庇,“玉大人,你說我怎么就攤上這事昵慌〖俣幔” “怎么了?”我有些...
    開封第一講書人閱讀 163,187評論 0 353
  • 文/不壞的土叔 我叫張陵斋攀,是天一觀的道長已卷。 經(jīng)常有香客問我,道長淳蔼,這世上最難降的妖魔是什么侧蘸? 我笑而不...
    開封第一講書人閱讀 58,264評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮鹉梨,結(jié)果婚禮上讳癌,老公的妹妹穿的比我還像新娘。我一直安慰自己存皂,他們只是感情好晌坤,可當我...
    茶點故事閱讀 67,289評論 6 390
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著艰垂,像睡著了一般泡仗。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上猜憎,一...
    開封第一講書人閱讀 51,231評論 1 299
  • 那天娩怎,我揣著相機與錄音,去河邊找鬼胰柑。 笑死截亦,一個胖子當著我的面吹牛爬泥,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播崩瓤,決...
    沈念sama閱讀 40,116評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼袍啡,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了却桶?” 一聲冷哼從身側(cè)響起境输,我...
    開封第一講書人閱讀 38,945評論 0 275
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎颖系,沒想到半個月后嗅剖,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,367評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡嘁扼,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,581評論 2 333
  • 正文 我和宋清朗相戀三年信粮,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片趁啸。...
    茶點故事閱讀 39,754評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡强缘,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出不傅,到底是詐尸還是另有隱情旅掂,我是刑警寧澤,帶...
    沈念sama閱讀 35,458評論 5 344
  • 正文 年R本政府宣布蛤签,位于F島的核電站辞友,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏震肮。R本人自食惡果不足惜称龙,卻給世界環(huán)境...
    茶點故事閱讀 41,068評論 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望戳晌。 院中可真熱鬧鲫尊,春花似錦、人聲如沸沦偎。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,692評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽豪嚎。三九已至搔驼,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間侈询,已是汗流浹背舌涨。 一陣腳步聲響...
    開封第一講書人閱讀 32,842評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留扔字,地道東北人囊嘉。 一個月前我還...
    沈念sama閱讀 47,797評論 2 369
  • 正文 我出身青樓温技,卻偏偏與公主長得像,于是被迫代替她去往敵國和親扭粱。 傳聞我的和親對象是個殘疾皇子舵鳞,可洞房花燭夜當晚...
    茶點故事閱讀 44,654評論 2 354

推薦閱讀更多精彩內(nèi)容