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. webgl推荐书籍

    网址:https://www.douban.com/doulist/45940373/ webgl 来自: Pasu2017-04-17创建   2017-07-25更新   推荐 关注 2 人关注 ...

  2. SVG 浏览器支持

    可以参考以下链接: https://caniuse.com/#search=svg https://en.wikipedia.org/wiki/Comparison_of_layout_engines ...

  3. 拦截导弹问题(Noip1999)

    1322:[例6.4]拦截导弹问题(Noip1999) 时间限制: 1000 ms         内存限制: 65536 KB提交数: 3843     通过数: 1373 [题目描述] 某国为了防 ...

  4. RNN,LSTM,GRU基本原理的个人理解

    记录一下对RNN,LSTM,GRU基本原理(正向过程以及简单的反向过程)的个人理解 RNN Recurrent Neural Networks,循环神经网络 (注意区别于recursive neura ...

  5. sublime text 快捷键记录

    sublime常用快捷键 Ctrl+D 选词 (反复按快捷键,即可继续向下同时选中下一个相同的文本进行同时编辑) Ctrl+G 跳转到相应的行 Ctrl+J 合并行(已选择需要合并的多行时) Ctrl ...

  6. urlEncoder

    拷贝自php的源码,url编码 //url decode //str:输入,输出 //len:str输入字符串大小 //返回值:str解码后字符串大小 int php_url_decode(char ...

  7. python3.x Day5 异常处理

    异常处理: 预计可能会发生的异常,明确如果发生,如何处理,不过一般不参与业务逻辑,也不要一次性捕捉全部异常,不然可能程序就不可控了. data={} mmm=[] try: #捕获异常, data[& ...

  8. 树莓派 - wiringPi

    wiringPi其实和BCM2835 library类似,也是通过memmap, IOmap来实现在用户空间直接操作底层寄存器 wiringPi http://wiringpi.com/ Wiring ...

  9. Buffer.alloc()

    Buffer.alloc(size[, fill[, encoding]]) Node.js FS模块方法速查 size {Number} fill {Value} 默认:undefined enco ...

  10. Pycharm下GitHub配置使用

    1.下载并安装git 要连接GitHub,首先git是必不可少的,git的安装的基本使用很简单,这里略过.. 2.如图所示,进入Pycharm的Setting>>> Version ...