1：

•JSON（JavaScriptObject  Notation）一种简单的数据格式，比xml更轻巧。JSON是JavaScript原生格式，这意味着在JavaScript中处理JSON数据不须要不论什么特殊的API或工具包。
•JSON的规则非常easy：对象是一个无序的“‘名称/值’对”集合。

一个对象以“{”（左括号）開始，“}”（右括号）结束。每一个“名称”后跟一个“:”（冒号）。“‘名称/值’对”之间使用“,”（逗号）分隔。

•JSON用冒号(而不是等号)来赋值。每一条赋值语句用逗号分开。整个对象用大括号封装起来。可用大括号分级嵌套数据。
•对象描写叙述中存储的数据能够是字符串，数字或者布尔值。对象描写叙述也可存储函数，那就是对象的方法。

<span style="font-size:18px;">{"person": {

  "name":"Andy Budd",

  "website":"http://andybudd.com/",

  "email":"andy@clearleft.com"

  }

}</span>
•JSON 仅仅是一种文本字符串。它被存储在responseText 属性中
•为了读取存储在 responseText 属性中的JSON 数据。须要依据JavaScript 的eval语句。函数
eval会把一个字符串当作它的參数。

然后这个字符串会被当作
JavaScript 代码来运行。

由于
JSON 的字符串就是由
JavaScript 代码构成的。所以它本身是可运行的

2：案例：

<%@ page language="java" pageEncoding="UTF-8"%>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

	<head>

		<meta http-equiv="content-type" content="text/html; charset=utf-8" />

		<title>People at Clearleft</title>

		<style type="text/css">

@import url("clearleft.css");

</style>

		<script type="text/javascript">

  window.onload=function(){

       var aNodes=document.getElementsByTagName("a");  

       for(var i = 0;i < aNodes.length; i++){  

          aNodes[i].onclick=function(){

             var request=new XMLHttpRequest();

             var url=this.href;

              var method="GET";

              request.open(method,url);

               request.send(null);

               request.onreadystatechange=function(){

                 if(request.readyState==4){

                   if(request.status==200||request==304){

                     var result=request.responseText;  //json被存储在responseText属性中

                     var object=eval("("+result+")");  //读取responseText中的json数据

                     var name= object.person.name;     //读取json对象中存储的数据

                     var website= object.person.website;

                     var email= object.person.email;

                     var aNode=document.createElement("a");

                     aNode.appendChild(document.createTextNode(name+":"+"email"+":"+website));

                     aNode.href="mailTo"+"email"+",website";

                     var h2Node=document.createElement("h2");

                     h2Node.appendChild(aNode);

                     var dtails=document.getElementById("details");

                     details.innerHTML="";  //防止反复的加入字符串

                     dtails.appendChild(h2Node);

                   }

                 }

              }

             return false;

          }

      }

    };

  </script>

	</head>

	<body>

		<h1>

			People

		</h1>

		<ul>

			<li>

				<a href="files/andy.js">Andy</a>

			</li>

			<li>

				<a href="files/richard.js">Richard</a>

			</li>

			<li>

				<a href="files/jeremy.js">Jeremy</a>

			</li>

		</ul>

		<div id="details"></div>

	</body>

</html>

Ajax使用JSON数据格式的更多相关文章

  1. ajax使用json数据格式--无效的 JSON 基元

    ajax使用json数据格式提交 一开始这么写的 var flobj = { UserId: userid, ForbidSDT: ForbidSDT, ForbidEDT: ForbidEDT } ...

  2. Ajax，Json数据格式

    同步和异步 同步现象:客户端发送请求到服务器端,当服务器返回响应之前,客户端都处于等待     卡死状态 异步现象:客户端发送请求到服务器端,无论服务器是否返回响应,客户端都可以随     意做其他事 ...

  3. Django--多对多表的创建、contentType、ajax、ajax传输json数据格式、ajax传输文件数据、 自定义分页器

    MTV与MVC(了解): MTV模型(Django用的就是MTV): M:模型层(models.py) T:templates C:views MVC模型: M:模型层(models.py) V:视图 ...

  4. $Django ajax简介 ajax简单数据交互,上传文件(form-data格式数据),Json数据格式交互

    一.ajax  1 什么是ajax:异步的JavaScript和xml,跟后台交互,都用json  2 ajax干啥用的?前后端做数据交互:  3 之前学的跟后台做交互的方式:   -第一种:在浏览器 ...

  5. 一、Ajax 二、JSON数据格式 三、Ajax+Jquery 四、分页的实现

    一.Ajax概述###<1>概述 ###<2>组成 以XMLHttpRequest为核心,发送Ajax请求和接收处理结果 以javascript为语言基础 以XML/JSON作 ...

  6. Django---CSRF的装饰器,CSRF的流程,JSON数据格式,ajax技术(基于JQ实现)

    Django---CSRF的装饰器,CSRF的流程,JSON数据格式,ajax技术(基于JQ实现) 一丶CSRF相关的装饰器 from django.utils.decorators import m ...

  7. AJAX优势、跨域方案及JSON数据格式和浏览器中JSON对象

    ajax 不重新加载整个网页的情况下,更新部分网页的技术 注意:ajax只有在服务器上运行才能生效,我在本地一般用phpstudy 优点: 1.优化用户体验 2.承担了一部分本该服务器端的工作,减轻了 ...

  8. XML和JSON数据格式对比

    概念 XML 扩展标记语言 (Extensible Markup Language, XML) ,用于标记电子文件使其具有结构性的标记语言,可以用来标记数据.定义数据类型,是一种允许用户对自己的标记语 ...

  9. JS中将JSON的字符串解析成JSON数据格式《转》

    在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval()函数. 2. 使用Function对象来进行返回解析. 使用eval函数来解析,并且使用jquery的ea ...

随机推荐

  1. PyQt5实现第一个桌面应用程序

    import sysfrom PyQt5.QtWidgets import QApplication,QWidget,QDialogfrom PyQt5.QtCore import Qt if __n ...

  2. PHP Web开发入门流程

    在学习WEB开发前,至少有一个对C或者计算机编程任何一种语言的基本学习,这会对你以后的开发有一定的启蒙作用. 一.Web开发入门 推荐学习网址: http://www.w3school.com.cn/ ...

  3. js中间件

    js中间件 当我们在编写业务代码时候,我们无法避免有些业务逻辑复杂而导致业务代码写得又长又乱,如果再加上时间紧凑情况下写出来的代码估计会更让人抓狂.以至于我们一直在寻求更好的架构设计和更好的代码设计, ...

  4. libuv httpparser写的简单http server

    libuv文档地址:http://docs.libuv.org/en/v1.x/代码地址:https://github.com/libuv/libuvhttp-parser https://githu ...

  5. MapReduce实例——查询缺失扑克牌

    问题: 解决: 首先分为两个过程,Map过程将<=10的牌去掉,然后只针对于>10的牌进行分类,Reduce过程,将Map传过来的键值对进行统计,然后计算出少于3张牌的的花色 1.代码 1 ...

  6. Delphi 正则表达式 TPerlRegEx 类

    抄自:万一的博客 http://www.cnblogs.com/del/category/113551.html 目录: 基本方法 查找(目标字符串及其属性) 字表达式 限定匹配范围:start.st ...

  7. ubuntu14.04 mysql-workbench Connecting to MySQL server ... Native table 'performance_schema'.'session_variables' has the wrong structure错误解决

    使用的mysql版本: mysql  Ver 14.14 Distrib 5.7.9, for Linux (x86_64) using  EditLine wrapper 打开shell命令 1.输 ...

  8. ruby cucumber安装

    创建rails工程

  9. jmeter 性能插件

    mv jmeter-plugins-manager-0.16.jar /usr/local/Cellar/jmeter/3.1/libexec/lib/ext http://www.cnblogs.c ...

  10. Github ==〉本地(克隆)

    [情景] 新员工入职后,一般会将项目下载到本地. [下载(克隆)] 命令 git clone url地址 示例