PHP浅析JSON使用技巧(3)_H5之家 - 中国HTML5教程资源分享第一站

上面中，直接将这个字符串赋给一个变量，它就变成一个Javascript数组了（专业化术语应该不叫数组，不过由于PHP的习惯问题，我就一直叫数组好了，方便理解）。这样，可以很方便的对arr进行遍历或者任意做你想做的事情了。写到这里，好像都没提到AJAX哦？是哦，联想一下，如果服务端返回的responseText用JSON过的字符串代替XML的话，前台Javascript处理起来是不是很方便呢？狗皮膏药就是这样用的。

其实写到这里，除了数据的存储格式不太一样外，JSON和XML也没什么太大区别哦，不过下面我说的一点。虽然和XML没多大关系，不过，可以说明JSON更大范围的应用，那就是，跨域的数据调用。由于安全性问题，AJAX不支持跨域调用，这样要调用不同域名下的数据，很麻烦哦，虽然有解决方案（stone在他的讲座上提到过了代理啊什么的虽然听不懂但是知道能解决）。我写两个文件，足以展示跨域调用了。

主调文件index.html

被调文件profile.php

<?php
$arr = array(
'name' => '三零技术',
'nick' => '深空',
'contact' => array(
'email' => 'shenkong at qq dot com',
'website' => 'http://www.Q3060.com',
)
);
$json_string = json_encode($arr);
echo "getProfile($json_string)";
?>

很显然，当index.html调用profile.php时，JSON字符串生成，并作为参数传入getProfile，然后将昵称插入到div中，这样一次跨域数据交互就完成了，是不是特别简单。既然JSON这么简单易用而且好用，还等什么呢？^_^

服务器端的 JSON

将 JSON 发给服务器

将 JSON 发给服务器并不难，但却至关重要，而且还有一些重要的选择要做。但是，一旦决定使用 JSON，所要做的这些选择就会十分简单而且数量有限，所以您需要考虑和关注的事情不多。重要的是能够将 JSON 字符串发送给服务器，而且最好能做到尽快和尽可能简单。

通过 GET 以名称/值对发送 JSON

将 JSON 数据发给服务器的最简单方法是将其转换成文本，然后以名称/值对的值的方式进行发送。请务必注意，JSON 格式的数据是相当长的一个对象，看起来可能会如清单 1 所示：

清单 1. JSON 格式的简单 JavaScript 对象

var people = { "programmers": [ { "firstName": "Brett", "lastName":"McLaughlin",
"email": "brett@newInstance.com" }, { "firstName": "Jason", "lastName":"Hunter",
"email": "jason@servlets.com" }, { "firstName": "Elliotte", "lastName":"Harold",
"email": "elharo@macfaq.com" } ], "authors": [ { "firstName": "Isaac",
"lastName": "Asimov", "genre": "science fiction" }, { "firstName": "Tad",
"lastName": "Williams", "genre": "fantasy" }, { "firstName": "Frank",
"lastName": "Peretti", "genre": "christian fiction" } ], "musicians": [
{ "firstName": "Eric", "lastName": "Clapton", "instrument": "guitar" },
{ "firstName": "Sergei", "lastName": "Rachmaninoff", "instrument": "piano" } ] }

如果要以名称/值对将其发送到服务器端，应该如下所示：

var url = "organizePeople.php?people=" + people.toJSONString();
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = updatePage;
xmlHttp.send(null);

这看起来不错，但却存在一个问题：在 JSON 数据中会有空格和各种字符，Web 浏览器往往要尝试对其继续编译。要确保这些字符不会在服务器上（或者在将数据发送给服务器的过程中）引起混乱，需要在 JavaScript escape() 函数中做如下添加：

var url = "organizePeople.php?people=" + escape(people.toJSONString());
request.open("GET", url, true);
request.onreadystatechange = updatePage;
request.send(null);

该函数可以处理空格、斜线和其他任何可能影响浏览器的内容，并将它们转换成 Web 可用字符（比如，空格会被转换成 %20，浏览器并不会将其视为空格处理，而是不做更改，将其直接传递到服务器）。之后，服务器会（通常自动）再把它们转换回它们传输后的本来 “面目”。

这种做法的缺点有两个：

在使用 GET 请求发送大块数据时，对 URL 字符串有长度限制。虽然这个限制很宽泛，但对象的 JSON 字符串表示的长度可能超出您的想象，尤其是在使用极其复杂的对象时更是如此。

在跨网络以纯文本发送所有数据的时候，发送数据面临的不安全性超出了您的处理能力。