shmily2038
- 浏览: 830944 次
- 性别:
- 来自: 厦门
-
文章分类
- 全部博客 (363)
- 2010年3月 (3)
- 2010年4月 (3)
- Java (116)
- ExtJs (22)
- EJB3.0 (11)
- JQuery (28)
- SqlServer (5)
- Oracle (17)
- hibernate (21)
- struts2 (14)
- php (10)
- JavaScript (11)
- jbpm (6)
- spring (24)
- lucene (2)
- ibatis (7)
- C# (8)
- mysql (11)
- json (3)
- webservice (3)
- 设计模式 (1)
- jdbc (1)
- servlet (2)
- ice (6)
- 日常软件问题 (2)
- 生活 (2)
- iphone (1)
- rest (3)
- ruby (2)
- linux (13)
- quartz (1)
- poi (1)
- redis (13)
- memcached (4)
- nosql (2)
- tomcat调优 (1)
- 项目管理 (0)
最新评论
-
天使建站：
jquery里和数组相关的操作 附带具体的实例 ...
jquery对象数组 -
Cy0941：
$('#formId').form('submit',...) ...
easyui的form表单提交处理 -
shmily2038：
swifth 写道楼主，，你的命令写错啦，，[root@ser ...
centos直接yum安装nginx -
swifth：
楼主，，你的命令写错啦，，[root@server ~]# y ...
centos直接yum安装nginx -
随遇而安DXX：
...
REST
整理两个现成的函数：json_decode、json_encode
说明：其中json_encode 表示把常用的传统的数据类型如对象、数组、关联数组等转成JSON字符串。其实与JAVA里面的那个工具是一样的。而json_decode刚好相反。
解决需求1.修改
整理两个现成的函数：json_decode、json_encode
说明：其中json_encode 表示把常用的传统的数据类型如对象、数组、关联数组等转成JSON字符串。其实与JAVA里面的那个工具是一样的。而json_decode刚好相反。
解决需求1.修改数据表的时候动态生成一个JSON片段。供JS调用。
服务器端的代码：
function plan2() {
$link = mysql_connect("localhost","root","123") or die("<font color=red>无法建立起来连接。错误信息如下</font>");
mysql_query("SET NAMES gbk");
mysql_select_db("phpcms",$link) or die("<font color=red>在服务器上面无法找到此请确认已建立此DB ");
$result = mysql_query("select id,uuid,uuidtable from dytable ");
$num_rows = @mysql_num_rows($result); //看一下返回多少行记录
if ($num_rows == 0) {
$b = array(); //这样长度为0 返回的是一个空数组
}else{
while ($row = mysql_fetch_array($result,MYSQL_ASSOC)){
$b[] = $row;
}
}
echo json_encode($b);
mysql_close();
}
plan2();
这样生成的JSON是比较方便的了！
2. 客户端如果我们使用JQuery框架的话可以这样处理
<script type="text/javascript">
function ajaxcheck() {
$.ajax({
type:"GET",
url: "http://localhost/PHPCMS/projcode/?number="+Math.random(),
dataType: 'text', //注意这里面的格式形式！
success:function(msg){
$(eval(msg)).each(function(){
alert(this.id+" "+this.uuid);//得到值就可以生成多个IMG标签了！
});
}
})
}
</script>
如果客户端使用JS的话可以这样处理
<script type="text/javascript">
function ajaxcheck() {
$.ajax({
type:"GET",
url: "http://localhost/PHPCMS/projcode/?number="+Math.random(),
dataType: 'text',
success:function(msg){
json = eval(msg)
for(var i=0; i<json.length; i++)
{
alert(json[i].id+" " + json[i].uuid)
}
}
})
}
</script>
参考的一个示例代码如下：
客户端代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="../scripts/jquery.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function ajaxcheck() {
$.ajax({
type:"GET",
url: "http://localhost/PHPCMS/projcode/?number="+Math.random(),
dataType: 'text',
success:function(msg){
$(eval(msg)).each(function(){
$("#output").html("<img id='"+this.id+"' src='"+this.uuid+"' />");
});
}
})
}
</script>
</head>
<body>
<button onclick="ajaxcheck()">TEST</button>
<div id="output"></div>
</body>
</html>
服务端：
function plan2() {
$link = mysql_connect("localhost","root","123") or die("<font color=red>无法建立起来连接。错误信息如下</font>");
mysql_query("SET NAMES gbk");
mysql_select_db("phpcms",$link) or die("<font color=red>在服务器上面无法找到此请确认已建立此DB ");
$result = mysql_query("select id,uuid from dytable ");
$num_rows = @mysql_num_rows($result); //看一下返回多少行记录
if ($num_rows == 0) {
$b = array(); //这样长度为0 返回的是一个空数组
}else{
while ($row = mysql_fetch_array($result,MYSQL_ASSOC)){
$b[] = $row;
}
}
echo json_encode($b);
mysql_close();
}
plan2();
以上实现的功能是借助JSON实现的。其实FLASH也有函数解析JSON。
说明：其中json_encode 表示把常用的传统的数据类型如对象、数组、关联数组等转成JSON字符串。其实与JAVA里面的那个工具是一样的。而json_decode刚好相反。
解决需求1.修改
整理两个现成的函数：json_decode、json_encode
说明：其中json_encode 表示把常用的传统的数据类型如对象、数组、关联数组等转成JSON字符串。其实与JAVA里面的那个工具是一样的。而json_decode刚好相反。
解决需求1.修改数据表的时候动态生成一个JSON片段。供JS调用。
服务器端的代码：
function plan2() {
$link = mysql_connect("localhost","root","123") or die("<font color=red>无法建立起来连接。错误信息如下</font>");
mysql_query("SET NAMES gbk");
mysql_select_db("phpcms",$link) or die("<font color=red>在服务器上面无法找到此请确认已建立此DB ");
$result = mysql_query("select id,uuid,uuidtable from dytable ");
$num_rows = @mysql_num_rows($result); //看一下返回多少行记录
if ($num_rows == 0) {
$b = array(); //这样长度为0 返回的是一个空数组
}else{
while ($row = mysql_fetch_array($result,MYSQL_ASSOC)){
$b[] = $row;
}
}
echo json_encode($b);
mysql_close();
}
plan2();
这样生成的JSON是比较方便的了！
2. 客户端如果我们使用JQuery框架的话可以这样处理
<script type="text/javascript">
function ajaxcheck() {
$.ajax({
type:"GET",
url: "http://localhost/PHPCMS/projcode/?number="+Math.random(),
dataType: 'text', //注意这里面的格式形式！
success:function(msg){
$(eval(msg)).each(function(){
alert(this.id+" "+this.uuid);//得到值就可以生成多个IMG标签了！
});
}
})
}
</script>
如果客户端使用JS的话可以这样处理
<script type="text/javascript">
function ajaxcheck() {
$.ajax({
type:"GET",
url: "http://localhost/PHPCMS/projcode/?number="+Math.random(),
dataType: 'text',
success:function(msg){
json = eval(msg)
for(var i=0; i<json.length; i++)
{
alert(json[i].id+" " + json[i].uuid)
}
}
})
}
</script>
参考的一个示例代码如下：
客户端代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="../scripts/jquery.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function ajaxcheck() {
$.ajax({
type:"GET",
url: "http://localhost/PHPCMS/projcode/?number="+Math.random(),
dataType: 'text',
success:function(msg){
$(eval(msg)).each(function(){
$("#output").html("<img id='"+this.id+"' src='"+this.uuid+"' />");
});
}
})
}
</script>
</head>
<body>
<button onclick="ajaxcheck()">TEST</button>
<div id="output"></div>
</body>
</html>
服务端：
function plan2() {
$link = mysql_connect("localhost","root","123") or die("<font color=red>无法建立起来连接。错误信息如下</font>");
mysql_query("SET NAMES gbk");
mysql_select_db("phpcms",$link) or die("<font color=red>在服务器上面无法找到此请确认已建立此DB ");
$result = mysql_query("select id,uuid from dytable ");
$num_rows = @mysql_num_rows($result); //看一下返回多少行记录
if ($num_rows == 0) {
$b = array(); //这样长度为0 返回的是一个空数组
}else{
while ($row = mysql_fetch_array($result,MYSQL_ASSOC)){
$b[] = $row;
}
}
echo json_encode($b);
mysql_close();
}
plan2();
以上实现的功能是借助JSON实现的。其实FLASH也有函数解析JSON。
0
顶
顶
0
踩
踩
分享到：
评论
1 楼
waiting
2010-08-04
其实还有更标准的用法：
2. 客户端如果我们使用JQuery框架的话可以这样处理
<script type="text/javascript">
function ajaxcheck() {
$.ajax({
type:"GET",
url: "http://localhost/PHPCMS/projcode/?number="+Math.random(),
dataType: 'json', //注意这里面的格式形式"JSON"！
success:function(data){
if (data) {
for (var x in data) {
if (data.hasOwnProperty(x)) {
var row = data[x];
alert(row.id + ':'+ row.uuid);
}
}
}
}
})
}
</script>
2. 客户端如果我们使用JQuery框架的话可以这样处理
<script type="text/javascript">
function ajaxcheck() {
$.ajax({
type:"GET",
url: "http://localhost/PHPCMS/projcode/?number="+Math.random(),
dataType: 'json', //注意这里面的格式形式"JSON"！
success:function(data){
if (data) {
for (var x in data) {
if (data.hasOwnProperty(x)) {
var row = data[x];
alert(row.id + ':'+ row.uuid);
}
}
}
}
})
}
</script>
发表评论
-
easyui的form表单提交处理
2013-06-11 11:02 10275$('#fm').form('submit',{ ... -
extjs和jquery各适用于什么场景
2013-01-23 09:49 2070比较点 extjs jquery 是 ... -
extjs和jquery各适用于什么场景
2013-01-21 11:14 14091.应该说粒度不同，extjs ... -
jquery中对radio的操作
2012-12-07 09:13 1055要想获取某个radio的值有以下的几种方法,直接给出代码： ... -
jquery对select的操作
2012-12-06 10:36 880jQuery("#select_id"). ... -
禁用回车提交
2012-10-24 14:15 1063$("#form").keypress(f ... -
jquery中对动态生成的标签不会响应click事件
2012-09-24 09:53 1199Jquery中对ajax动态生成 ... -
jquery编写自己的插件
2011-05-16 17:16 1136js插件实现代码 第一种实现写法 ;(function($ ... -
编写jquery插件
2011-05-06 14:38 1188本文讲下开发jquery插件必须应有的要求。 1、在JQuer ... -
$.extend()
2011-05-06 14:31 1893// merge two object, modifyin ... -
jquery扩展
2011-04-22 16:36 1193//jquery.datagrid 扩展 (functio ... -
jQuery获取CheckBox选择的Value值
2010-10-13 17:11 5018$("input[name='checkbox_na ... -
invalid assignment left-hand side
2010-10-13 09:54 6461错误:invalid assignment left-hand ... -
jquery的each()方法分析
2010-07-22 08:52 2202/*! * jQuery源码分析- ... -
JQuery 禁用所有select标签的值
2010-07-10 15:10 2402JQuery 禁用所有select标签的值 只是一个知识小点 ... -
jquery对象数组
2010-07-10 13:50 1985我们都知道jQUery对象中 ... -
jquery与php的json交互
2010-07-09 09:06 4023This plugin exposes four new fu ... -
jquery解析json
2010-07-08 16:18 3673var data=" { root: [ ... -
jquery隐藏表单(没id，使用name获取)
2010-07-08 16:04 5978隐藏表单值的获取 <input type="h ... -
Jquery AJAX POST和GET区别
2010-07-08 15:30 9225Jquery AJAX POST和GET区别 ...
相关推荐
本篇文章主要介绍了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实现了前端的用户交互，PHP处理了后台的数据获取与传输，而JSON作为数据交换格式，使得前后端之间的通信更为高效。这样的设计模式在现代Web开发中非常常见，可以灵活应用于各种需要动态...
标题 "jQuery+JSON" 暗示了我们将探讨如何在Web开发中利用jQuery库与JSON数据格式进行交互。jQuery是一个广泛使用的JavaScript库，它简化了DOM操作、事件处理、动画制作以及Ajax交互。而JSON（JavaScript Object ...
jQuery中的AJAX请求是一种非常常见的前端异步数据交互方式，它的作用是使得页面无需重新加载即可向服务器请求数据，并将数据动态地加载到页面中。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它...
PHP、jQuery和JSON的组合使得前后端数据交互变得更加高效且用户友好。本实例将详细介绍如何利用这三种技术实现一个无刷新的查询功能。 首先，PHP是服务器端的脚本语言，常用于处理HTML表单提交的数据和生成动态网页...
**jQuery、Ajax、JSON与PHP**是Web开发中的关键技术，它们在构建动态、交互式的网页应用中发挥着至关重要的作用。下面将详细讲解这四个概念及其相互间的配合使用。 **jQuery**是一个流行的JavaScript库，它简化了...
以上就是关于"json数据jquery异步示例"的相关知识点，涵盖了JSON数据的创建、传输、解析以及jQuery中的异步操作和事件处理。在实际应用中，还需要考虑性能优化、安全性等问题，确保数据交互的高效和安全。
最后，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()`等，这些函数对于常见的异步数据交互场景非常有用。 #### 参数详解 `...
总结来说，"jQuery+get/post+Ajax+Json"的组合是现代Web开发中常用的数据交互技术，它使得前端可以轻松地与后端进行JSON数据的交换，提升了用户体验，降低了服务器负载。通过jQuery的便捷API，我们可以快速实现异步...