This plugin exposes four new functions onto the $, or jQuery object:
* toJSON: Serializes a javascript object, number, string, or arry into JSON.
* evalJSON: Converts from JSON to Javascript, quickly, and is trivial.
* secureEvalJSON: Converts from JSON to Javascript, but does so while checking to see if the source is actually JSON, and not with other Javascript statements thrown in.
* quoteString: Places quotes around a string, and inteligently escapes any quote, backslash, or control characters.
<html>
<head>
<title>Json Test</title>
<SCRIPT src="jquery.js"></SCRIPT>
<SCRIPT src="jquery.json.js"></SCRIPT>
<script>
$(document).ready(function(){
var data = new Object();
data.hello = "Hello";
data.world = 'World';
data.worked = " it worked ";
data.somebool = true;
data.array = new Array("he\"ll\"o", '"World"');
var dataString = $.toJSON(data);
$.post('phpfile.php', {data: dataString}, function(res){
var
obj = $.evalJSON(res);
if(obj.somebool === true)
$("#result").html(obj.hello + ' ' + obj.array[1] + obj.worked ". Message from PHP: "+obj.php_message);
});
});
</script>
</head>
<body>
<div id="result"></div>
</body>
</html>
我们初始化一些数据, 使用$.toJSON进行编码并使用$.post发送到phpfile.php :
$res = json_decode($_REQUEST['data'], true);
$res["php_message"] = "I am PHP";
echo json_encode($res);
最后将参数转为json编码，
值得注意的是最后的争论json_decode、省略它会导致返回类型的stdObject并不是我们想要在这个简单的测试。注意json_decode需要PHP 520。如果这不是可得到的,你可能想要查看了另一种方法。
而最终产品的结果处理:
Hello "World" it worked . Message from PHP: I am PHP
太棒了！
附件里面是jquery.json.js后面由于上传问题，加了.rar结尾，下下去，可以把这个去掉就可以了。
分享到：
相关推荐
本篇文章主要介绍了jQuery Ajax前后端使用JSON进行交互示例，实现前端通过jQuery Ajax传输json到后端，后端接收json，对json进行处理，后端返回一个json给前端，有兴趣的可以了解一下。
ajax 的 php 实现。 利用jQuery 库 JSON 的数据格式进行数据交互。
第一次写关于AppCan开发的文章，有人写了关于jQuery或者原生Ajax与json的交互，那我就稍微写写我开发过程中使用jQuery获取json后使用zy_tmpl生成下拉菜单的实例吧。 PHP服务端生成json的那部分就不写那么多了，就是...
JSON在前后台交互的过程中发挥着相当出色的作用。 服务端PHP读取MYSQL数据，并转换成JSON数据，传递给前端Javascript，并操作JSON数据。本文将通过实例演示了jQuery通过Ajax向PHP服务端发送请求并返回JSON数据。阅读...
jquery表格插件Datatables的使用大大丰富了数据的展现方式，更具交互性。具有自动分页、模糊搜索等功能 封装了Response类，可以传递4个参数 show($code, $message = '', $data = array(), $type = self::JSON)来展示...
当你完成这本书的时候, 你将会加入 Ajax 应用程序, 与 HTML 和 CSS 无缝地工作, 以及使用 PHP、MySQL 和 JSON 处理数据。 如果你想学习和理解如何创建交互式网页, 不显眼的脚本, 和凉爽的动画, 不扼杀你的浏览器, ...
正如Using Deferreds in jQuery 1.5一文中说明的，其结果是在jQuery中能够将依赖于某个任务（事件）结果的逻辑与任务本身解耦了。这一点在JavaScript中其实并不新鲜，Mochikit和Dojo等已经实现有些日子了。由于...
首先，用到两个jQuery函数，JSON.parse（Json字符串转对象）和JSON.stringify（对象转JSON字符串） 我这里的分成两次封装，因为数据不在一个页面里。 这是第一个页面： $(".color-gray").click(function(){ var ...
Safari 2 3575ms 475ms 753% Opera 9.1 3196ms 326ms 980% Average improvement: 867% <br>下表为jQuery1.1.3与常用的一些JS库选择器的对比： Browser Prototype jQuery Mootools Ext Dojo ...
前端页面通过ajax与后台通信，根据后台处理结果响应前端页面交互操作，这是一个很典型的Ajax和JSON应用的例子。
As of jQuery 1.2, you can load JSON data located on another domain if you specify a JSONP callback, which can be done like so: "myurl?callback=?". jQuery automatically replaces the ? with the correct ...
当你完成这本书的时候, 你将会加入 Ajax 应用程序, 与 HTML 和 CSS 无缝地工作, 以及使用 PHP、MySQL 和 JSON 处理数据。 如果你想学习和理解如何创建交互式网页, 不显眼的脚本, 和凉爽的动画, 不扼杀你的浏览器, ...
php结合jquery-ui complete，实现前后台数据交互，百度搜索自动补全功能 教程：http://blog.csdn.net/m_nanle_xiaobudiu/article/details/79343394
JSON是一种基于文本的数据交换方式，或者叫做数据描述格式，这篇文章主要介绍了JS跨域交互(jQuery+php)之jsonp使用心得的相关资料，非常不错，具有参考借鉴价值，需要的朋友一起学习吧
jquery表格插件Datatables的使用大大丰富了数据的展现方式，更具交互性。具有自动分页、模糊搜索等功能 封装了Response类，可以传递4个参数 show($code, $message = '', $data = array(), $type = self::JSON)来展示...
是jquery插件，提供交互式树。 它是完全免费的，并根据MIT许可进行分发。 jsTree易于扩展，可定义和配置，它支持HTML和JSON数据源，AJAX和异步回调加载。 jsTree可以在盒子模型（内容框或边框）中正常运行，可以...
jquery表格插件Datatables的使用大大丰富了数据的展现方式，更具交互性。具有自动分页、模糊搜索等功能 封装了Response类，可以传递4个参数 show($code, $message = '', $data = array(), $type = self::JSON)来展示...
本文我们将给大家介绍如何使用jQuery+Ajax+PHP弹出层异步登录的应用。 效果展示 源码下载 HTML 由于本例UI部分使用了Bootstrap，以及使用jQuery插件，因此需要事先载入相关文件，推荐大家使用相关的CDN资源。 <...
jquery表格插件Datatables的使用大大丰富了数据的展现方式，更具交互性。具有自动分页、模糊搜索等功能 封装了Response类，可以传递4个参数 show($code, $message = '', $data = array(), $type = self::JSON)来展示...