澳门皇冠金沙网站-澳门皇冠844网站

热门关键词: 澳门皇冠金沙网站,澳门皇冠844网站

JQuery处理json与ajax返回JSON实例代码

var arr = '{"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"u71d5u5b50"}}';   //u71d5u5b50以此是php中机动调换的  
var dataObj = eval("(" arr ")");    //这里要加多加好括号和双引号的原因笔者也不知道,就当是json语法,只好死记硬背了  
    $.each(dataObj,function(idx,item){  
    //输出    
    alert(item.id "哈哈" item.name);  
}) 

JQuery处理json与ajax返回JSON实例,jqueryjson

一、JSON的一对基础知识。

JSON中指标通过“{}”来标志,一个“{}”代表二个目的,如{“AreaId”:”123”},对象的值是键值对的款型(key:value)。

 “[]”,标记数组,数组内部各类数据里面通过“,”分割,如[“AreaId”:”123”,”AreaId”:”345”]。

过多情状下是指标数组,那正是那般:

 代码如下 复制代码 
[{“AreaId”:”123”},{“AreaId”:”345”}]  

 其实数组也是一个对象,上边的格式也足以写成这么:

 代码如下 复制代码 
{“Area”:[{“AreaId”:”123”},{“AreaId”:”345”}]}  

那表示叁个Area对象,他有八个子数据,每一个子数据也是三个目的,每一种子对象都以AreaId。

 JSON中字符串和字符的定义格式和一般的类C语言定义是看似的,双引号定义字符串,单引号定义字符。

JSON的键(Key)用双引号括起来,举个例子上边的“Area“和”AreaId“,都是用双引号括起来的,在有的语言中布局JSON字符串的时候,能够选用转义字符转义双引号。

 二、javascript操作JSON字符

1、先要区分JSON字符串和JSON对象

JSON字符串:

 代码如下 复制代码 
Var strJSON = “{“Area”:[{“AreaId”:”www.111cn.net”},{“AreaId”:”345”}]}”,  

实在也足以写成这么:

 代码如下 复制代码 
Var strJSON = ‘{“Area”:[{“AreaId”:”www.111cn.net”},{“AreaId”:”345”}]}’,  

这象征一个JSON字符串,由于在Js中单引号和双引号都得以象征一个字符串,所以地方第三个利用双引号和第叁个使用单引号的都代表三个JSON字符串。

下边看看JSON对象

 代码如下 复制代码 
Var JSON = {“Area”:[{“AreaId”:”123”},{“AreaId”:”345”}]},  

看来了呢,JSON对象最外面是不曾单引号只怕双引号的,那就意味着二个JSON对象。

在劳务器断的台本:

 代码如下 复制代码 
<?php
$data['id'] = 1;
$dat['name'] = "mary";
$da['red']= array_merge($data,$dat);
$data1['id'] = 2;
$dat1['name'] = "燕子";
$da['blue']= array_merge($data1,$dat1);
print_r($da);///打字与印刷出来是四个二维数组(如下)

/*
Array
(
    [red] => Array
        (
            [id] => 1
            [name] => mary
        )
    [blue] => Array
        (
            [id] => 2
            [name] => 燕子
        )
)
*/

echo json_encode($da);//输出的是一个转速成json格式的字符串,能够一直在js中用(如下)
/*
{"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"u71d5u5b50"}}
*/
?>  

jquery脚本:

回来到js后的拍卖:
第一种要用到varl转化的:是字符串的时候将在用eval转化成jquery对象(如下)

 代码如下 复制代码 
var arr = '{"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"u71d5u5b50"}}';//u71d5u5b50这几个是php中自动转变的
var dataObj = eval("(" arr ")");//这里要增多加好括号和双引号的来由作者也不明了,就当是json语法,只好死记硬背了
  $.each(dataObj,function(idx,item){   
   //输出  
   alert(item.id "哈哈" item.name);   
})  

其次种:不供给转接的:

 代码如下 复制代码 
var arr = {"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"u71d5u5b50"}};
  $.each(arr,function(idx,item){     
   //输出
   alert(item.id "哈哈" item.name);
})  

巡回也会有二种办法:
//方法一:

 代码如下 复制代码 
$.each(arr,function(idx,item){     
   //输出
   alert(item.id "哈哈" item.name);
})  

//方法二:

 代码如下 复制代码 
for(var key in arr){
  alert(key);
  alert(arr[key].status);
 }

世家能够试试效果。

ajax再次回到JSON时的管理方式

 1,使用普通的aspx页面来管理
       本人感到这种方法管理起来是最轻巧易行的了,看下边包车型大巴代码吧

 代码如下 复制代码 
$.ajax({ 
           type: "post", 
                                        url: "Default.aspx", 
                                        dataType: "json", 
                                        success: function (data) { 
                                                $("input#showTime").val(data[0].demoData); 
                                        }, 
                                        error: function (XMLHttpRequest, textStatus, errorThrown) { 
                                                alert(errorThrown); 
                                        } 
                                });  

      
         这里是后台传递数据的代码  

 代码如下 复制代码 
Response.Clear(); 
                        Response.Write("[{"demoData":"This Is The JSON Data"}]"); 
                        Response.Flush(); 
                        Response.End();  

         这种管理的艺术将传递过来的数据直接分析为json数据,也正是说这里的前台js代码大概一贯把这一个数据深入分析成json对象数据,而毫无字符串数据,如data[0].demoData,这里就径直行使了那么些json对象数据

一、JSON的部分基础知识。 JSON中目的通过{}来标记,叁个{}代表三个指标,如{AreaId:123},对象的值是...

复制代码 代码如下:

<?php  
$data['id'] = 1;  
$dat['name'] = "mary";  
$da['red']= array_merge($data,$dat);  
 
$data1['id'] = 2;  
$dat1['name'] = "燕子";  
$da['blue']= array_merge($data1,$dat1);  
print_r($da);   //打字与印刷出来是贰个二维数组(如下)  
/*
Array 

    [red] => Array 
        ( 
            [id] => 1 
            [name] => mary 
        ) 
 
    [blue] => Array 
        ( 
            [id] => 2 
            [name] => 燕子 
        ) 

*/ 
 
 
echo json_encode($da);//输出的是壹个转化成json格式的字符串,能够平昔在js中用(如下)  
/*
{"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"u71d5u5b50"}} 
*/ 
?> 

第三种:没有供给转接的:

巡回也许有三种办法:

$.each(arr,function(idx,item){    
   //输出
   alert(item.id "哈哈" item.name);
})

//方法一:

$.ajax({
           type: "post",
                                        url: "Default.aspx",
                                        dataType: "json",
                                        success: function (data) {
                                                $("input#showTime").val(data[0].demoData);
                                        },
                                        error: function (XMLHttpRequest, textStatus, errorThrown) {
                                                alert(errorThrown);
                                        }
                                });  

复制代码 代码如下:

 二、javascript操作JSON字符

复制代码 代码如下:

 其实数组也是贰个指标,下边包车型地铁格式也足以写成那样:

var arr = {"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"u71d5u5b50"}};  
$.each(arr,function(idx,item){  
    //输出  
    alert(item.id "哈哈" item.name);  
}) 

那代表贰个Area对象,他有多个子数据,各样子数据也是一个目的,种种子对象都以AreaId。

复制代码 代码如下:

复制代码 代码如下:

复制代码 代码如下:

 1,使用普通的aspx页面来拍卖
       自身认为这种办法管理起来是最简便的了,看上面包车型地铁代码吧

在服务器端的php脚本:

for(var key in arr){
  alert(key);
  alert(arr[key].status);
 }

你可能感兴趣的小说:

  • jQuery中json对象的复制情势介绍(数组及对象)
  • jQuery怎么深入分析Json字符串(Json格式/Json对象)
  • jquery遍历筛选数组的二种艺术和遍历分析json对象
  • JQuery将文件转化成JSON对象急需当心的主题素材
  • Jquery通过JSON字符串创制JSON对象
  • jquery动态遍历Json对象的质量和值的措施
  • 依据jQuery的八个扩充form系列化到json对象
  • jQuery完毕form表单成分系列化为json对象的法子
  • jQuery落成轻巧复制json对象和json对象集结操作示例

巡回也可能有二种办法:
//方法一:

$.each(arr,function(idx,item){       
    //输出  
    alert(item.id "哈哈" item.name);  
}) 
//方法二:

无数动静下是目的数组,那就是这么:

for(var key in arr){  
    alert(key);  
    alert(arr[key].status);  

{"Area":[{"AreaId":"123"},{"AreaId":"345"}]}

jquery脚本:
回到到js后的管理:
率先种要用到varl转化的:是字符串的时候就要用eval转化成jquery对象(如下)

归来到js后的管理:
先是种要用到varl转化的:是字符串的时候将在用eval转化成jquery对象(如下)

其次种:没有需求转接的:

echo json_encode($da);//输出的是三个转账成json格式的字符串,能够向来在js中用(如下)
/*
{"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"u71d5u5b50"}}
*/
?>

//方法二:

var arr = {"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"u71d5u5b50"}};
  $.each(arr,function(idx,item){    
   //输出
   alert(item.id "哈哈" item.name);
})

一、JSON的有的基础知识。

本文由澳门皇冠金沙网站发布于前端开发,转载请注明出处:JQuery处理json与ajax返回JSON实例代码