javascript

JSON对象和JSON字符串以及JSON.parse函数的使用 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<title>JSON.parse()</title>  
<script type="text/javascript">  
    //示例1：此示例使用 JSON.parse 将 JSON 字符串转换为对象  
    var jsontext = '{"firstname":"Jesper","surname":"Aaberg","phone":["555-0100","555-0120"]}';//JSON 字符串  
    var contact = JSON.parse(jsontext);  
    document.write(contact.surname + ", " + contact.firstname + ", "+ contact.phone);  
  
    //示例2：和实例1是一样的效果  
    var jsontext2 = {"firstname":"Jesper","surname":"Aaberg","phone":["555-0100","555-0120"]};//JSON 对象  
    //var contact2 = JSON.parse(jsontext2);  
    document.write("<br /><br />"+jsontext2.surname + ", " + jsontext2.firstname + ", "+ jsontext2.phone);  
</script>  
</head>  
<body>  
</body>  
</html>

输出：

Aaberg, Jesper, 555-0100,555-0120

Aaberg, Jesper, 555-0100,555-0120

前端页面接收JSON对象的实例：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<script>    
    sendRecord('1');  
    function sendRecord(record){  
        var req = {  
            user_id:<?php echo $userId;?>,  
            record:record,  
        }  
        $.ajax({  
            url: "./a.php",  
            type:"post",  
            data:req,  
            dataType:"JSON", //返回数据格式为JSON对象  
            success: function(res){
                alert(Object.prototype.toString.apply(res));//alert输出[object Object]，不用JSON.parse()解析  
                if(res.result==1){  
                    alert('11');  
                }else if(res.result==2){  
                    alert('22');  
                }else if(res.result==3){  
                    alert('33');  
                }  
            },  
            error: function(){  
                alert('error000');  
                console.log(this);  
            }  
        });  
    }  
</script>

a.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?php  
    $record = $_POST['record'];  
      
    if ($record==1) {                      
        $json['result'] = 1;                      
    }elseif($record==2){  
        $json['result'] = 2;  
    }elseif($record==3){  
        $json['result'] = 3;  
    }  
  
    $json = json_encode($json);  
    echo $json;  //{"result":1}  
?>  
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<script type="text/javascript" src="./jquery.min.js"></script>  
<script>    
    sendRecord('2');  
    function sendRecord(record){  
        var req = {  
            record:record,  
        }  
        $.ajax({  
            url: "./b.php",  
            type:"post",  
            data:req,  
            dataType:"JSON", //返回数据格式为JSON对象  
            success: function(res){    //如果不加上面的dataType:"JSON",那么res则为服务端echo过来的字符串
                //加上dataType:"JSON"，alert输出[object Array]，不需要JSON.parse()解析  
                //不加dataType:"JSON"，alert输出[object String]，需要JSON.parse()解析  
                alert(Object.prototype.toString.apply(res));  
                //var res2 = JSON.parse(res);  
                alert(res);  
            },  
            error: function(){  
                alert('error000');  
                console.log(this);  
            }  
        });  
    }  
</script>

b.php

1
2
3
4
5
6
7
8
9
10
11
12
<?php  
    $record = $_POST['record'];  
    if ($record==1) {                      
        $json = array('a','aa');                      
    }elseif($record==2){  
        $json = array('b','bb');   
    }elseif($record==3){  
        $json = array('c','cc');   
    }  
    $json = json_encode($json);  
    echo $json;  //["b","bb"]  
?>

总结：如果后台是通过echo json_encode();输出json字符串的话，而且前台使用了dataType:"JSON", 那么则不需要JSON.parse();把json字符串转换成对象或数组。
另外：把原来是对象的类型转换成字符串类型（或者更确切的说是json类型）使用函数JSON.stringify。