jQuery解析json

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

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

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

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

<?phpnamespace 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'  ]