Ajax接受JSON數(shù)據(jù)，是表示被請(qǐng)求方返回為JSON數(shù)據(jù)，前端需要接收數(shù)據(jù)，并且解析數(shù)據(jù)。

Ajax 步驟還是和上面一樣，還是6個(gè)步驟，我們直接看代碼。

//1.創(chuàng)建ajax request對(duì)象
var request = new XMLHttpRequest();
//2.綁定監(jiān)聽回調(diào)函數(shù)
request.onreadystatechange = function(){
    //判斷返回狀態(tài)是否正常
    if(request.readyState ===4 &&request.status === 200){
        //6.接收數(shù)據(jù)
        var res = request.responseText;
        //輸出數(shù)據(jù)
        console.log('返回值',res);

        /**
         * 如果返回來的參數(shù)是JSON，就可以直接轉(zhuǎn)換。
         */
        var json = JSON.parse(res);
        console.log('返回值-轉(zhuǎn)換JSON對(duì)象',json);
        console.log('demo:',json.demo);
        console.log('Name:',json.Name);
        console.log('Birthday:',json.Birthday);
        console.log('Birthday:',json.Birthday);
        console.log('Birthplace:',json.Birthplace);
        console.log('Info:',json.Info);

    }else{
        console.log('error');
    }
};

/**
 * 3.打開請(qǐng)求
 * 第一個(gè)參數(shù)為請(qǐng)求方式，常用可選為 GET/POST，還有DELETE、UPDATE、OPTIONS等
 * 第二個(gè)參數(shù)為請(qǐng)求的鏈接，可以是相對(duì)路徑和絕對(duì)路徑。
 * 第三個(gè)參數(shù)設(shè)置請(qǐng)求為同步還是異步，true為異步，false為同步
 *
 * 備注：GET請(qǐng)求，直接把參數(shù)以 ？和 & 來傳參，如 url+  ?name=Alice&age=23
 */
request.open("GET","https://cdn.sojson.com/file/demo-json.json",true);
/**
 * 4. setRequestHeader 方法可以設(shè)置請(qǐng)求頭，這個(gè)看業(yè)務(wù)需要，這里設(shè)置為表單提交
 */
request.setRequestHeader("Content-type","application/x-www-form-urlencoded");
/**
 * 5.發(fā)送請(qǐng)求
 *
 * GET請(qǐng)求方式：request.send();
 *
 * POST請(qǐng)求方式：可以傳參，可以是字符型的JSON或者 ？和 &方式如下：
 * request.send("name=Alice&age=23");
 * //這個(gè)方式如果后端接受不到參數(shù)，請(qǐng)把請(qǐng)求頭改成 "Content-type","application/json"
 * request.send('{"name":"Alice","age":23}');
 *
 *
 */
request.send();

                            

我們從瀏覽器控制臺(tái)（console)看到輸出的內(nèi)容：