jQuery解析json

真是印证了一句名言：“所谓进步就是推翻以前的自己” （我随口编的）

前面一篇有关 ajax 的操作中我只是简单的实现了浏览器与 thinkphp 的连接，接下来才发现还有很多问题，现在就来分享一下。

重点都在服务器端，前面中我没有发送数据，现在我讲一下发送数据过程中会遇到的一些问题：

首先很欺负我们中国人的一点，中文会有可能没有进行解码，例如我从服务器端传会一个中文字符串：

<?php
namespace Home\Controller;

use Think\Controller;

class RegisterController extends Controller{
    public function index(){
        $data['name']="你好世界";
        $data['id']=1；
        $this->ajaxReturn($data,"json");
    }
}
?>

至于这个文件的位置，看你的 $.ajax 请求的 url 地址，或者看上一篇文章，那里有我详细的解释，之后我直接在客户端进行输出：

<!--百度的jquery静态资源库-->
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
<script type="text/javascript">
    $('#username').change(function (e) {
        var $usernames = $("#username").val();
        var $url = "http://localhost/trouble_i_am_in/index.php/Home/register/index"
        $returnmessage = $.ajax({
            type: "post",
            url: $url,
            success: function () {
                alert($returnmessage.responseText);
            },
            error: function () {
                alert("error");
            }
        });
    });
</script>

这段代码的具体含义看上一篇文章

注意这里我直接使用 responseText 将返回的对象转换成了字符串形式，据说还可以转换成 XML，只要使用 responseXML，但是我对 XML 不太熟，就没深究，言归正传，显示的结果如下：

可以看到 name 的那里是 utf-8 的形式，没有进行转码，如果只是传英文就没有问题的，欺负人。。。。。

所以如果要使用的话需要进行转码，可以调用 decodeURI ( String,code-type ) 进行解析，现在没办法进行演示，需要先将这个 JSON 的字符串转化成数组形式，才能将 name 的值提取出来，前面我们将 json 对象转换成 json 字符串的形式，但是比起解析字符串来提取值，还是使用数组比较顺手一点，所以这里我们将 json 字符串解析成数组形式，使用这个 jQuery 的函数：

var $arr=jQuery.parseJSON("JSON_String");

其中 $arr 就是该 JSON 字符串的数组形式，这个函数很有用啊

现在就来试试，服务器端不用改，直接修改客户端，现在对服务器端传回的数据进行解析：

<!--百度的jquery静态资源库-->
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
<script type="text/javascript">
    $('#username').change(function (e) {
        var $usernames = $("#username").val();
        var $url = "http://localhost/trouble_i_am_in/index.php/Home/register/index"
        $returnmessage = $.ajax({
            type: "post",
            url: $url,
            success: function () {
                // 将 JSON 的字符串转化成数组形式
                var $arr=jQuery.parseJSON($returnmessage.responseText);
                // 注意这里是以 name 为索引，不是 0 等数字
                var $decode=decodeURI($arr['name'].valueOf(),"utf-8");
                // 打印结果
                alert($decode);
            },
            error: function () {
                alert("error");
            }
        });
    });
</script>

解码后显示结果为：

直到现在为止，都没有从客户端发送数据到服务器端，现在就来讲一个传一个 JSON 数组的实例：

一般传数据的形式如下，直接插入到前面的 $.ajax 中就行了，而且在服务器端进行解析的时候是会自动进行解码的，是直接变成汉字的：

data:{
'name':"你好世界",
"id":1
}

前面我们只传了一组 JSON 数据，但是如果我们要传这样的形式呢？

data:[
{'name':"你好",
  'id':1},
{'name':"世界",
  'id':2}]

这样的数组形式的 JSON 的数据就会发现这个数据发送不了，解决的办法就是将这个 JSON 数组转换成字符串形式，使用这样一个函数 JSON.stringif ( data )，这样就将上面的 JSON 数组变成了一个字符串，这样就可以发送 JSON 数组了，但是相应的在服务器端也要进行相应的解析，重点就是解析的是一个字符串而不是本来的 %_POST[ 'attribute_name'  ]