我一直对何时使用这两种解析方法感到困惑。

在我回显json_encoded数据并通过ajax检索它之后,我经常对何时应该使用JSON感到困惑。stringify和JSON.parse。

我得到[对象,对象]在我的控制台.log解析和JavaScript对象时stringized。

$.ajax({
url: "demo_test.txt",
success: function(data) {
         console.log(JSON.stringify(data))
                     /* OR */
         console.log(JSON.parse(data))
        //this is what I am unsure about?
    }
});

当前回答

JSON.parse()用于将String转换为Object。 JSON.stringify()用于将Object转换为String。

你也可以参考这个…

<script type="text/javascript">

function ajax_get_json(){

    var hr = new XMLHttpRequest();
    hr.open("GET", "JSON/mylist.json", true);
    hr.setRequestHeader("Content-type", "application/json",true);
    hr.onreadystatechange = function() {
        if(hr.readyState == 4 && hr.status == 200) {
           /*  var return_data = hr.responseText; */

           var data=JSON.parse(hr.responseText);
           var status=document.getElementById("status");
           status.innerHTML = "";
           /* status.innerHTML=data.u1.country;  */
           for(var obj in data)
               {
               status.innerHTML+=data[obj].uname+" is in "+data[obj].country+"<br/>";
               }

        }
    }
    hr.send(null);
    status.innerHTML = "requesting...";
}
</script>

其他回答

JSON:主要用于与服务器交换数据。在发送之前 JSON对象给服务器,它必须是一个字符串。

JSON.stringify() //Converts the JSON object into the string representation.
var jsonData={"Name":"ABC","Dept":"Software"};// It is a JSON object
var jsonString=JSON.stringify(jsonData);// It is a string representation of the object
// jsonString === '{"Name":"ABC","Dept":"Software"}'; is true

它还将Javascript数组转换为字符串

var arrayObject=["ABC","Software"];// It is array object
var arrString=JSON.stringify(array);// It is string representation of the array (object)
// arrString === '["ABC","Software"]'; is true 

当我们从服务器接收到JSON数据时,数据将是字符串格式。因此,我们将字符串转换为JSON对象。

JSON.parse() //To convert the string into JSON object.
var data='{ "name":"ABC", "Dept":"Software"}'// it is a string (even though it looks like an object)
var JsonData= JSON.parse(data);// It is a JSON Object representation of the string.
// JsonData === { "name":"ABC", "Dept":"Software"}; is true

这里真正的困惑不是关于parse和stringify,而是关于成功回调的数据参数的数据类型。

data可以是原始响应,即字符串,也可以是JavaScript对象,如文档所示:

成功 类型:函数(任何数据,字符串textStatus, jqXHR jqXHR 函数在请求成功时调用。函数得到 传递三个参数:从服务器返回的数据,格式化 根据dataType参数或dataFilter回调 函数(如果指定)

dataType默认设置为intelligent guess

数据类型(默认:智能猜测(xml, json,脚本或html)) 类返回的数据类型 服务器。如果没有指定,jQuery将尝试基于 响应的MIME类型(在1.4中,XML MIME类型将生成XML JSON会产生一个JavaScript对象,在1.4脚本中会执行 脚本,以及任何其他将作为字符串返回)。

JSON.parse()用于将String转换为Object。 JSON.stringify()用于将Object转换为String。

你也可以参考这个…

<script type="text/javascript">

function ajax_get_json(){

    var hr = new XMLHttpRequest();
    hr.open("GET", "JSON/mylist.json", true);
    hr.setRequestHeader("Content-type", "application/json",true);
    hr.onreadystatechange = function() {
        if(hr.readyState == 4 && hr.status == 200) {
           /*  var return_data = hr.responseText; */

           var data=JSON.parse(hr.responseText);
           var status=document.getElementById("status");
           status.innerHTML = "";
           /* status.innerHTML=data.u1.country;  */
           for(var obj in data)
               {
               status.innerHTML+=data[obj].uname+" is in "+data[obj].country+"<br/>";
               }

        }
    }
    hr.send(null);
    status.innerHTML = "requesting...";
}
</script>

我不知道是否提到过,但JSON.parse(JSON.stringify(myObject))的用途之一是创建原始对象的克隆。

当您希望在不影响原始对象的情况下处理一些数据时,这是非常方便的。可能不是最干净/最快的方法,但对于不太复杂的对象来说肯定是最简单的方法。

他们是完全相反的。

JSON.parse()用于解析作为JSON接收的数据;它将JSON字符串反序列化为JavaScript对象。

另一方面,JSON.stringify()用于从对象或数组中创建JSON字符串;它将JavaScript对象序列化为JSON字符串。