使用 Javascript 处理 JSON 响应

Question

与我相关的问题有很多，但是在我花了几个小时仔细研究不同的答案并自己尝试之后，我仍然无法解决我的问题！

我正在使用 OAuth 2.0 协议来访问 Box 的 API。到目前为止，我已经能够检索到授权码，现在我正试图用它来换取访问码。到目前为止，一切似乎都运行良好：在我向 Box 发出 POST 请求后，我被重定向到 https://www.box.com/api/oauth2/token 并收到一个我不知道如何处理的 JSON 响应。

我尝试过使用 JQuery 的 $.get 和 $.parseJSON 函数，但我完全不知道我应该如何构建代码，或者我是否一开始就以正确的方式处理这个问题。

这是我用来 POST 的函数：

function post_to_url(path, params) {

    var form = document.createElement("form");
    form.setAttribute("method", "post");
    form.setAttribute("action", 'https://www.box.com/api/oauth2/token');

    for(var key in params) {
        if(params.hasOwnProperty(key)) {
            var hiddenField = document.createElement("input");
            hiddenField.setAttribute("type", "text");
            hiddenField.setAttribute("name", key);
            hiddenField.setAttribute("value", params[key]);

            form.appendChild(hiddenField);
         }
    }

    document.body.appendChild(form);
    form.submit();
}

当我调用它时，我被重定向到https://www.box.com/api/oauth2/token，我的浏览器显示以下字符串：

{"access_token":"H97GnkuWCRUxxx"expires_in":3600,"refresh_token":"cIJyyyyym1aSuNFmmC2PgTtiP2xfXm0dCmzzzz,"token_type":"bearer"}

非常感谢我能得到的任何帮助，非常感谢！

Answer 1

你不需要jquery来做这个，其实很简单。

var json = JSON.parse(the returned json var);

那么你可以这样处理：

json.access_token; //this would be the access token

这是我用于 POST/GET 请求的代码：

    var xhr=new XMLHttpRequest();
    xhr.open('POST','url', true);//the true bool makes it async
    xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded"); //this url encodes the request (this is for if you have special values such as spaces and symbols)
    xhr.send(information to send goes here);
    xhr.onreadystatechange=function()
    {
        if(xhr.readyState===4)
        {
            if(xhr.status===200)
            {
                var json = xhr.responseText;
            }
        }
    };