jquery与php的json交互2
2012-10-26 16:16
435 查看
整理两个现成的函数：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。
其实还有更标准的用法：
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>
说明：其中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。
其实还有更标准的用法：
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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 用jquery +ajax 实现与php后台交互json数据
- jquery与php的json交互
- jquery与php交互的方法，通过json格式
- jquery的$.ajax()利用json数据类型与php后台交互
- php基于jquery的ajax技术传递json数据简单实例
- jQuery的Cookie封装,与PHP交互的简单实现
- jquery php json 表单自动填充代码
- 最完全php jq jquery getJSON跨域提交数据
- ASP.NET MVC 2.0 与jQuery中的的JSON数据交互
- jQuery通过Ajax向PHP服务端发送请求并返回JSON数据
- ajax+php+jquery+json 跨域实例
- PHP Jquery 代码操作 内容 属性 样式 事件 Json数据
- Jquery EasyUI +Ajax +Json +一般处理程序 实现数据的前台与后台的交互 --- 善良公社项目
- php+jquery+ajax+json的一个最简单实例
- Play前后台使用JsonArray交互，以及使用JQuery遍历array数组和JsonArray
- jquery php ajax json
- 一个PHP+jQuery+Ajax+Json综合实例
- php的jquery与后台交互调试小技巧
- jquery的ajax处理php返回数组，及json_encode中文为空的问题
- php、json、jquery的联合使用