jquery 解析json与json 例子

jquery处理网页特效on的方法

jquery处理json的方法是直接eval,给一个变量,但是,今天看到其源代码,证明我的想法彻底错了。

  它先判定有没有window.json.parse这个方法,如果有,直接用这个方法解析,如果没有,会new一个匿名函数,里面的内容,就是返回json的执行结果。

  我试了一下,window.json这个对象,在firefox/webkit的浏览器中存在,但ie6-ie8都没有。

  另外,如果大家需要解析json字符串,可以直接使用jquery的parsejson方法,虽然这个方法在手册中没有出现,例:

 var json_str = '{"a":1, "b":2}';
 var data = $.parsejson(json_str);
 alert(data.a)

更详细的json处理方法与原理

jquery异步获取的数据类型——网页特效on对象和字符串为依据,分别介绍两种方式获取到的结果处理方式。
1.对于服务器返回的网页特效on字符串,如果jquery异步请求没做类型说明,或者以字符串方式接受,那么需要做一次对象化处理,方式不是太麻烦,就是将该字符串放于eval()中执行一次。这种方式也适合以普通javascipt方式获取json对象,以下举例说明:

var dataobj=eval("("+data+")");//转换为json对象
alert(dataobj.root.length);//输出root的子对象数量
$.each(dataobj.root,fucntion(idx,item){
if(idx==0){
return true;
}

//输出每个root子对象的名称和值

alert("name:"+item.name+",value:"+item.value);
})

注:对于一般的js生成json对象,只需要将$.each()方法替换为for语句即可,其他不变。
2.对于服务器返回的json字符串,如果jquery异步请求将type(一般为这个配置属性)设为“json”,或者利用$.getjson()方法获得服务器返回,那么就不需要eval()方法了,因为这时候得到的结果已经是json对象了,只需直接调用该对象即可,这里以$.getjson方法为例说明数据处理方法:

$.getjson("http://gaoyusi.blog.163.com/",{param:"gaoyusi"},function(data){

//此处返回的data已经是json对象
//以下其他操作同第一种情况
$.each(data.root,function(idx,item){
if(idx==0){
return true;//同countinue,返回false同break
}
alert("name:"+item.name+",value:"+item.value);
});
});

jquery处理json数据实例

<title>jquery获取json数据演示页面</title>
    <script type="text/网页特效" src="js/jquery-1.2.1.pack.js"></script>
    <script type="text/javascript">
    function getdata(){
    $("#list").html("");//清空列表中的数据
   //发送ajax请求
    $.getjson(
    "jsondata.ashx",//产生json数据的服务端页面
    {name:"test",age:20},//向服务器发出的查询字符串(此参数可选)
   //对返回的json数据进行处理,本例以列表的形式呈现
    function(json){
   //循环取json中的数据,并呈现在列表中
    $.each(json,function(i){
    $("#list").append("<li>name:"+json[i].name+"&nbsp; age:"+json[i].age+"</li>")
    })
    })
    }
    </script>

asp教程.net

:<%@ webhandler language="c#" class="jsondata" %>

using system;
using system.web;

public class jsondata : ihttphandler {
   
    public void processrequest (httpcontext context) {
        context.response.contenttype = "text/plain";
        string data = "[{name:\"ants\",age:24},{name:\"lele\",age:23}]";//构建的json数据
       //下面两句是用来测试前台向此页面发出的查询字符
        string querystrname = context.request.querystring.getvalues("name")[0];//取查询字符串中namer的值
        string querystage = context.request.querystring.getvalues("age")[0];//取查询字符串中age的值
       
        context.response.write(data);
    }
 
    public bool isreusable {
        get {
            return false;
        }
    }

}

 

时间: 2024-10-29 20:43:03

jquery 解析json与json 例子的相关文章

JQuery解析HTML、JSON和XML实例详解_jquery

1.HTML 有的时候会将一段HTML片段保存在HTML文件中,在另外的主页面直接读取该HTML文件,然后解析里面的HTML代码片段融入到主页面中. fragment.html文件,其内容: 复制代码 代码如下: <div>hello Jquery</div> 在主页面 Test.html中解析代码 复制代码 代码如下: $("#a1").click(function(){     $("#div2").load('fragment.html

jQuery解析Json字符串与对象的例子

 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成,跟XML不相上下,在当今得到了广泛应用.有人说,当JS遇上Json,小JJ诞生啦:我说,当Json遇上xml,世界上又多了俩兄弟.近期看EasyUi视频里也全是Json作为前后台的数据交互,Json的有两种结构,分别是对象和数组: 1.对象:对象在js中表示为"{}"扩起来的内容,数据结构为: {key:value,key:value,-} 2.数

Jquery解析Json格式数据过程代码

 今天稍微学习了一下Json,JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式. 易于人阅读和编写.同时也易于机器解析和生成. JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等). 这些特性使JSON成为理想的数据交换语言. JSON建构于两种结构: "名称/值"对的集合(A collection of name/value

Jquery解析Json格式数据过程代码_jquery

今天稍微学习了一下Json,JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式. 易于人阅读和编写.同时也易于机器解析和生成. JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等). 这些特性使JSON成为理想的数据交换语言. JSON建构于两种结构: "名称/值"对的集合(A collection of name/value p

jQuery解析json格式数据简单实例_jquery

本文实例讲述了jQuery解析json格式数据的方法.分享给大家供大家参考,具体如下: 我用的jquery版本是1.7.2,整合了json数据的解析功能,很早的版本是没有的,我记得那个时候,要么用js的for in来读取json字符串里面的数据,要么加载一个专门用来解析json字符串的JS文件. 例子: <html> <head> <script type="text/javascript" src="jquery-1.7.2.min.js&qu

jQuery解析Json实例详解_jquery

本文实例讲述了jQuery解析Json的方法.分享给大家供大家参考,具体如下: 前言 在WEB数据传输过程中,json是以文本,即字符串的轻量级形式传递的,而客户端一般用JS操作的是接收到的JSON对象,所以,JSON对象和JSON字符串之间的相互转换.JSON数据的解析是关键. 先明确2个概念例如: JSON字符串: 复制代码 代码如下: var str1 = '{ "name": "deyuyi", "sex": "man"

Jquery解析json字符串及json数组的方法

  本文实例讲述了Jquery解析json字符串及json数组的方法.分享给大家供大家参考.具体如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 6

Jquery解析json数据详解

 本篇文章主要是对Jquery解析json数据进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助 最近被jquery折磨了一番,倒腾了一个jquery解析json的demo,本demo想实现从asp.net后台实例化dataSet或者dataTable数据集,将dataSet转换成json并返回给客户端,客户端用jquery getJson方法解析出来并显示在页面上.   首先简单介绍一下getJson方法   Jquery.getJson(url,[data],[callback]

js/jquery解析json和数组格式的方法详解

 本篇文章主要是对js/jquery解析json和数组格式的方法进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助 在解析之前,我们必须弄清楚几个概念:数组,关联数组以及json之间有哪些区别和联系点?   一.概念介绍 1.数组   语法:  ECMAScript v3规定了数组直接量的语法,JavaScript 1.2和JScript 3.0实现了它.可以把-个用逗号分隔的表达式列表放在方括号中,创建并初始化-个数组.这些表达式的值将成为数组元素.例如:   var a = [1

jquery解析JSON数据示例代码

 作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式 这里可以找到json.js的代码,后面还需要formutil.js的代码及MD5.js    用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里不再做说明.  这里首先给