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给前端，有兴趣的可以了解一下。
在jQuery与PHP的交互中，JSON起着桥梁的作用，它允许你在后端和前端之间高效地传递复杂的数据结构。理解并熟练使用`json_encode`和`json_decode`，可以极大地提高你的Web应用的开发效率。 至于提供的压缩文件...
总结，JSON作为数据交换格式在jQuery与PHP之间的交互中起着关键作用。通过理解JSON的结构和操作，以及在jQuery和PHP中如何处理JSON，我们可以构建高效、灵活的Web应用。CodeIgniter框架则提供了一种优雅的方式在PHP...
在Ajax请求中，JSON常被用作数据传输格式，因为它可以直接被JavaScript解析为对象，与服务器之间的数据交互更加高效。 5. **中文说明.txt**： 这个文件可能包含了关于如何使用这些组件的中文指南，对于初学者来说...
当jQuery与JSON结合使用时，它们能够实现数据的高效传输和动态页面更新，从而提升用户体验。 首先，我们来详细了解一下jQuery。jQuery的核心功能包括选择器（用于选取HTML元素）、DOM操作（如添加、删除或修改元素...
在IT行业中，jQuery、AJAX、JSON和PHP是四个至关重要的技术组件，它们共同构建了现代Web应用程序的数据交互层。让我们深入探讨这些技术的核心概念及其相互间的协同工作方式。 **jQuery** 是一个广泛使用的...
`jQuery.getJSON`是jQuery库中的一个非常重要的函数，它用于从服务器端异步获取JSON格式的数据，这对于前端与后端的数据交互具有显著的意义。在本文中，我们将深入探讨`jQuery.getJSON`的工作原理、使用方法以及如何...
总结来说，这个项目展示了如何利用jQuery发起Ajax请求，PHP作为服务器端脚本负责与数据库交互，而JSON则作为数据传输的载体。这个流程是现代Web应用中常见的数据通信模式，对于理解前后端交互机制以及如何使用JSON...
标题 "jQuery+JSON" 暗示了我们将探讨如何在Web开发中利用jQuery库与JSON数据格式进行交互。jQuery是一个广泛使用的JavaScript库，它简化了DOM操作、事件处理、动画制作以及Ajax交互。而JSON（JavaScript Object ...
总结来说，本项目通过jQuery实现了前端的用户交互，PHP处理了后台的数据获取与传输，而JSON作为数据交换格式，使得前后端之间的通信更为高效。这样的设计模式在现代Web开发中非常常见，可以灵活应用于各种需要动态...
jQuery中的AJAX请求是一种非常常见的前端异步数据交互方式，它的作用是使得页面无需重新加载即可向服务器请求数据，并将数据动态地加载到页面中。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它...
**jQuery、Ajax、JSON与PHP**是Web开发中的关键技术，它们在构建动态、交互式的网页应用中发挥着至关重要的作用。下面将详细讲解这四个概念及其相互间的配合使用。 **jQuery**是一个流行的JavaScript库，它简化了...
以上就是关于"json数据jquery异步示例"的相关知识点，涵盖了JSON数据的创建、传输、解析以及jQuery中的异步操作和事件处理。在实际应用中，还需要考虑性能优化、安全性等问题，确保数据交互的高效和安全。
PHP、jQuery和JSON的组合使得前后端数据交互变得更加高效且用户友好。本实例将详细介绍如何利用这三种技术实现一个无刷新的查询功能。 首先，PHP是服务器端的脚本语言，常用于处理HTML表单提交的数据和生成动态网页...
最后，PHP将JSON数据返回给jQuery，jQuery再使用`$.parseJSON()`或直接解析JSON字符串，更新页面内容，实现无刷新的数据交互。 这个综合示例为你提供了一个学习和实践jQuery、JSON和PHP协同工作的机会，你可以通过...
在网页开发中，省市联动效果是一种常见的交互设计，它允许用户在选择省份后，自动更新城市下拉框，展示与所选省份对应的市。这种功能通常用于地址输入、订单填写等场景，提高了用户体验并减少了输入错误。本示例是...
在本项目中，AJAX 结合了 jQuery 和 PHP，以及 JSON 数据格式，实现了高效的数据交互。 jQuery 是一个轻量级的 JavaScript 库，它简化了 JavaScript 的使用，提供了丰富的选择器、动画效果和事件处理等功能。在 ...
在Web开发中，jQuery与JSON是一种常见的组合，它们共同为高效的数据交互和页面动态更新提供了强大的支持。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它易于人阅读和编写，同时也易于机器解析...
除了`jQuery.ajax()`之外，jQuery还提供了一些简化版的函数，如`jQuery.get()`、`jQuery.post()`以及用于处理JSON数据的`jQuery.getJSON()`等，这些函数对于常见的异步数据交互场景非常有用。 #### 参数详解 `...
在这个项目中，我们将探讨如何使用PHP、jQuery和JSON与MySQL数据库结合来实现一个瀑布流图片加载功能。 首先，`pubuliu.sql` 文件是MySQL数据库脚本，它可能包含了创建数据库和表结构的命令，以及预填充的图片数据...