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. POJ数据的输入输出格式

    POJ在评阅习题时需要向程序提供输入数据,并获取程序的输出结果.因此提交的程序需按照每个习题具体的输入输出格式要求处理输入输出.有的时候,测评系统给出程序的评判结果是“数据错误”或“结果错误”,有可能 ...

  2. xxtea 文件加密与解密

    加密 cocos luacompile -s src -d dst_dir -e -b xxxxx -k xxxxx --disable-compile 解密 cocos luacompile -s ...

  3. [SQL]数据分析SQL笔试题

    SQL笔试题 1.请简单写出left join和join的用法区别(可举例说明): 2.求出订单表(order表)中每个客户(custid)的最近一次购买日期(要求:按custid降序排列,trans ...

  4. vue 表单操作

    <form class="mian__form" @submit.prevent="submit">     <ul>         ...

  5. css + 和 ~的区别

    <style type="text/css"> h1 + p { margin-top:50px; color:red; } </style> <p& ...

  6. extjs动态添加列

    可以根据日期,动态的插入一列 controller层: StdDayWordQuery:function(btn,event){ var form=Ext.getCmp('queryFormSDW') ...

  7. jquery data属性 attr vs data

    html5的自定义data属性相信大家都不会陌生,有了它你可以绑定所需的数据到指定元素上.然后通过jquery设置.获取数据,简直开心的不行啊.想到设置.获取元素属性值,大家一定首先想到了jquery ...

  8. linux下nginx、php和mysql安装配置

    一.安装nginx 安装nginx yum install -y epel-release yum install nginx -y 查看nginx软件包包括了哪些文件 rpm -ql nginx 启 ...

  9. PHP典型功能与Laravel5框架开发学习笔记

    步骤一:PHP的Redis应用及HTTP协议 一.Redis初识 1.Linux下安装redis:具体看官网:https://redis.io/download:以下为以个人习惯的安装目录进行的red ...

  10. docker配置国内加速器

    一.登录到daocloud网站后选择如下地址的加速器 二.根据配置提示在linux上执行对应的配置命令: curl -sSL https://get.daocloud.io/daotools/set_ ...