jquery处理json笔记

1.
var jsonStr = ‘{"a": 1, "b": "string", "c": [1, "11"]}‘;
console.log(typeof(jsonStr)); // string
var json = $.parseJSON(jsonStr);
console.log(typeof(json)); // object
console.log(json.c); // [1, "11"]

2.
<script>
	$(function(){
		var jsonStr = ‘{"id": 1, "name": "zhansan", "addr": [22, "33"]}‘;
		var json = $.parseJSON(jsonStr);
		var nd1 = "<td>"+json.id+"</td>";
		var nd2 = "<td>"+json.name+"</td>";
		var nd3 = "<td>"+json.addr[0]+"</td>";
		var nd4 = "<td>"+json.addr[1]+"</td>";
		var s = nd1+nd2+nd3+nd4;
		$("tr:eq(0)").append(s);
	});

</script>

3.
<script>
	$(function(){
		var jsonStr = ‘[{ "id" : 1 , "name" : "xiaoming"},‘ +
		‘{"id" : 2 , "name" : "xiaohong"}, ‘+
		‘{"id" : 3 , "name" : "xiaowang"}]‘;		

		var json = $.parseJSON(jsonStr);
		//alert(json.length);

		for(var i=0;i<json.length;i++){
			$nd1 = "<td>"+json[i].id+"</td>" ;
			$nd2 = "<td>"+json[i].name+"</td>" ;
			$node = "<tr>"+$nd1 + $nd2+"</tr>";
			$("table:eq(0)").append($node);
		}

	});

</script>

<table width="600" border="1">

    </table>

  

原文地址:https://www.cnblogs.com/yoyo198212/p/8848631.html

时间: 2024-11-09 10:13:27

jquery处理json笔记的相关文章

jquery.extend 学习笔记

//// jquery.extend 学习笔记// jquery.extend 扩展方法设计的很巧妙,动态增加静态方法和属性 // 虽然网上资料很多,还是跟据自已的学习理解记录一下.// //定义一个Person构造函数function Person(iname,iage){ this.uname = iname; this.age = iage;} //定义原型方法Person.prototype = { showN:function(){ //调用静态方法 Person.showName(t

JQuery处理json与ajax返回JSON实例[转]

json数据是一种经型的实时数据交互的数据存储方法,使用到最多的应该是ajax与json配合使用了,下面我来给大家介绍jquery处理json数据方法. 一.JSON的一些基础知识. JSON中对象通过“{}”来标识,一个“{}”代表一个对象,如{“AreaId”:”123”},对象的值是键值对的形式(key:value). “[]”,标识数组,数组内部各个数据之间通过“,”分割,如[“AreaId”:”123”,”AreaId”:”345”]. 很多情况下是对象数组,那就是这样:  代码如下

JQuery以JSON方式提交数据到服务端

JQuery将Ajax数据请求进行了封装,从而使得该操作实现起来容易许多.以往我们要写很多的代码来实现该功能,现在只需要调用$.ajax()方法,并指明请求的方式.地址.数据类型,以及回调方法等.下面的代码演示了如何将客户端表单数据封装成JSON格式,然后通过JQuery的Ajax请求将数据发送到服务端,并最终将数据存储到数据库中.服务端定义为一个.ashx文件,事实上你可以将服务端定义为任何能接收并处理客户端数据的类型,如Web Service,ASP.NET Page,Handler等. 首

jQuery插件学习笔记

最近在研究jQuery插件,插件编写的目的是给已经有的一系列方法或函数做一个封装,以便在其他地方重复使用,方便后期维护. JQuery除了提供一个简单.有效的方式进行管理元素以及脚本,它还还提供了例外一种机制:即给核心模块增加自己的方法和额外的功能.通过这种机制,Jquery允许我们自己创建属于我们自己的插件,提高我们在开发过程中的效率. 虽然在jQuery命名空间中,我们禁止使用了大量的javaScript函数名和变量名.但是仍然不可避免某些函数或变量名将于其他jQuery插件冲突,因此我们习

jquery处理json数据

Json简单讲就是Javascript对象或数组. Json形式一: javascript对象    { "firstName": "Brett", "lastName":"McLaughlin", "email": "aaaa" } Json形式二: javascript数组    [{ "firstName": "Brett", "l

jquery读写json

网易hex是个好东东啊 jquery中getJSON()用法-json文件内容遍历输出方法 http://www.111cn.net/wy/jquery/51469.htm jquery读写json,布布扣,bubuko.com

jquery 遍历 json【转】

jquery 遍历 json <HTML> <HEAD> <!-- meta 解释 : http://www.haorooms.com/post/html_meta_ds --> <meta http-equiv="content-Type"content="text/html;charset=utf-8"> <TITLE></TITLE> <style> </style>

jQuery访问json文件

<!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> <meta http-equiv="Content-

[转]jquery 对 Json 的各种遍历

原文地址:http://caibaojian.com/jquery-each-json.html 概述 JSON(javascript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包. 在JSON中,有两种结构:对象和数组. 1.对象 一个对象以“{”开始,“}”结束.每个“key”后跟一“: