json与js练习

SON类型数据
在JSON数据里面,key和value是成对存在的,key和key之间用逗号分隔,key和value之间用冒号分隔,可以存储任何类型的数据

1 var js = {
2 "one":"11111",
3 "two":"22222",
4 "three":new Array(11111,22222,33333),
5 "four":{a:111,b:2222,c:33333}
6 };

***********循环JSON数据方法*************重点***********

1 for(var k in js)
2 {
3 alert(js[k]);
4 }
 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>无标题文档</title>
 6 <script src="jquery-1.11.2.min.js"></script>//接入jquery包
 7 </head>
 8
 9 <body>
10 <div id="nr">
11 </div>
12 <div>
13     内容:<textarea id="txt"></textarea>
14     <br />
15     <input type="button" value="提交" id="btn" />
16 </div>
17 </body>
18 <script type="text/javascript">
19 //给提交按钮加入点击事件
20 $(document).ready(function(e) {
21     //找到ID=btn的按钮加入一个click事件
22     $("#btn").click(function(){
23         //首先要找到文本域里面的值
24         var nt = $("#txt").val();//取出用户在文本域里面输入的valuer值并且交给一个变量nt
25
26         var str = nt+"<br>";//在用户输入的内容后面追加换行
27         //把拼接好的字符串(nt+"<br>")扔到最上方ID为nr的DIV里面去
28         $("#nr").append(str);
29
30         })
31 });
32
33
34 </script>
35 </html>
时间: 2024-10-31 16:42:39

json与js练习的相关文章

JSON与JS的区别

JSON是什么?(JSON和JavaScript对象有什么区别?)如何把JS对象转化为JSON字符串,又如何把JSON字符串转化为JavaScript对象? JSON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧. JSON 是 JavaScript 原生格式, 这意味着在JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包.JSON的规则很简单: 对象是一个无序的“名称/值”对集合.一个对象以“{”(左括号)开始,“}”(

json的js和C#操作

C#端的WebService接口接收json格式数据,处理后以json格式返回result using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Services; using Newtonsoft.Json.Linq; namespace Web.WebService { /// <summary> /// PhoneGPS 的摘要说明 ///

json、js数组真心不是想得那么简单

之前由于做前台的东西比较少,对于json和js数组的认识仅局限于一种固定格式.这种固定的思维在开发前台时,特别是最近使用highcharts插件时,让我感到特别不明白,通过查询终于心头的疙瘩解开了. 好了,废话少说,进入正题. 1.json ------ 什么是json? 首先让我看看w3c是怎么定义的. JSON:JavaScript 对象表示法(JavaScript Object Notation).JSON 是存储和交换文本信息的语法.类似 XML.JSON 比 XML 更小.更快,更易解

JSON与JS对象

json 定义 :是一种格式,用于数据交换. Javascript 对象 定义 : 一种javascript的引用类型 区别 对比内容 JSON Javascript 对象 键名 必须是加双引号 可允许加单引号,双引号,也可以不加 属性值 只能是数值(10进制) ,字符串(双引号),布尔值和null,也可以是数组,符合JSON的对象,不能是函数,NaN,Infinity,-Infinity和undefined javascript 中的任意值 逗号问题 最后一个值后面不能有逗号 可以有逗号 数值

python例子-Django之传递json到js脚本中。

一.有两种方法传递sjon到页面中,一种是ajax使用,另一种是直接渲染在页面中: views.py #coding:utf-8 from django.shortcuts import render import json # Create your views here. def addjson(request): list_ = ['list集合','渲染Json到模板'] dict_ = {'site':'字典地址','author':'自学者'} return render(reque

MVC中处理Json和JS中处理Json对象

事实上,MVC中已经很好的封装了Json,让我们很方便的进行操作,而不像JS中那么复杂了. MVC中: public JsonResult Test() { JsonResult json = new JsonResult { Data = new { Name = "zzl", Sex = "male", } }; return Json(json); }   public JsonResult TestList() { List<User> user

JSON与js对象序列化

JavaScript对象表示法(JavaScript Object Notation,简称JSON)是一种轻量级的数据交换格式,它基于js字面量表示法,是js的一个子集.虽然是一个js的子集但是他与语言无关,它可以用于在现在所有的编程语言编写的应用程序之间进行数据交换.是一种文本格式,比较容易读写. json是一个容纳“名/值”对的无序集合,名字可以是任意字符串,值可以使任意的json类型的值.大多数编程语言都有被映射为json的数据类型,比 如对象(object),字典(dictionary)

echarts地图引入json或者js

由于echarts3.0地图数据暂停服务了,今天临时要修改一个地区的地图,可把我给忙活了 echarts的例子上提供了引入js显示地图.引入json数据显示地图两种方式,下面简单介绍下这两种引入方式 添加一个div,设置宽度和高度用来显示地图 <body> <!-- 为ECharts准备一个具备大小(宽高)的Dom --> <div id="main" style="width: 500px;height:400px;"><

JSON和JS对象之间的互转

1. jQuery插件支持的转换方式 $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象 2. 浏览器支持的转换方式(Firefox,chrome,opera,safari,ie9,ie8)等浏览器: JSON.parse(jsonstr); //可以将json字符串转换成json对象 JSON.stringify(jsonobj); //可以将json对象转换成json对符串  注:ie8(兼容模式),

《项目经验》--后台一般处理程序向前台JS文件传递JSON,JS解析JSON,将数据显示在界面--显示在DropDownList 或 显示在动态创建的table中

http://blog.csdn.net/mazhaojuan/article/details/8599167 先看一下我要实现的功能界面: 这篇文章主要介绍:后台一般处理程序把从数据库查找的数据,转换成JSON,然后传递到前台JS文件中,JS解析JSON数据,并将数据显示在界面,主要介绍两种显示方式,显示在DropDownList控件 or 显示在动态创建的Table表中.   本文主要介绍两个地方: 1.根据学年查询学期信息的实现--JS将解析的JSON数据绑定到DropDownList框