$.post("Ajax.aspx", { Action: "post", Name: "lulu" }, function (data, textStatus){ // data 可以是 xmlDoc, jsonObj, html, text, 等等.//this; // 这个Ajax请求的选项配置信息,请参考jQuery.get()说到的thisalert(data.result); }, "json"); 我们先来看个js函数,
view plaincopy to clipboardprint? function jsontest() { var json = [{'username':'张三','userage':'20'},{'username':'李四','userage':'30'}]; alert(json[1].username);
var json2 = [['张三','20'],['李四','30']]; alert(json2[0][0]); } 这个函数,第一个alert(json[1].username); 会提示 “李四”。 json 变量是一个数组对象。所以要采用 obj.username 这样的格式来调用。
第二个 alert(json2[0][0]); 会提示 “张三”。 json2变量是完全的一个json格式。 json和json2变量都达到了相同的效果,但json2明显要比json精简了很多。
这是 JavaScript 的json 格式。
下面我们来看看php 与json格式。
先来看一段代码
view plaincopy to clipboardprint? $arr = array ( array ( 'catid' => '4', 'catname' => '招聘信息', 'meta_title' => '招聘信息标题' ),
array ( 'catid' => '55', 'catname' => 'php教程', 'meta_title' => 'php教程标题', ) ); $jsonstr = json_encode($arr); echo $jsonstr; 这段代码中,$arr是一个数组,我们采用 json_encode 将$arr 转换为了 json 格式 。
这段代码会输出
view plaincopy to clipboardprint? [{"catid":"4","catname":"u62dbu8058u4fe1u606f","meta_title":"u62dbu8058u4fe1u606fu6807u9898"},{"catid":"55","catname":"phpu6559u7a0b","meta_title":"phpu6559u7a0bu6807u9898"}] 这就是php对于json数据的处理。
对于json数据,php 也可以采用 json_decode()函数将json数据转换成 数组 。
比如 上述代码中,我们采用json_decode函数处理下。又会打印出 上面的数组。
$jsonstr = json_encode($arr); $jsonstr = json_decode($jsonstr); print_r($jsonstr);
接下来,我们看看,php json数据和 js json数据如何相互调用。
我们新建一个 php_json.php 文件
代码如下:
view plaincopy to clipboardprint? <?php $arr = array ( array ( 'catid' => '4', 'catname' => '招聘信息', 'meta_title' => '招聘信息标题' ),
array ( 'catid' => '55', 'catname' => 'php教程', 'meta_title' => 'php教程标题', ) ); $jsonstr = json_encode($arr); ?> var jsonstr=<?=$jsonstr?>; 补充下,在php_json.php文件末尾 var jsonstr=<?=$jsonstr?>; 这一句。 这是将json格式的数据赋值给 jsonstr 变量。 我们再建立一个 json.html 文件 代码如下:
view plaincopy to clipboardprint? <script type="text/javascript" src="php_json.php"></script> <script language="javascript" type="text/javascript"> function loadjson(_json) { if(_json) { for(var i=0;i<_json.length;i++) { alert(_json[i].catname); } } }
loadjson(jsonstr) </script> 这样,我们在查看 json.html的时候,loadjson(jsonstr) 就会 提示 “招聘信息”和“php教程”
这样也实现了js跨域调用。
|
|