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. 手动配置webpack

    //注:“__dirname”是node.js中的一个全局变量,它指向当前执行脚本所在的目录.const path = require('path');const webpack = require( ...

  2. CAD实现批量打印（网页版）

    主要用到函数说明: IMxDrawPrint::BatchPrintDialog 批量打印对话框,详细说明如下: 参数 说明 [in] IMxDrawResbuf* pParam 批量打印位置参数, ...

  3. yum升级php版本

    查看当前 PHP 版本 1 php -v 查看当前 PHP 相关的安装包,删除之 1 2 3 4 5 yum list installed | grep php   yum remove php   ...

  4. python selenium等待特定网页元素加载完毕

    selenium等待特定元素加载完毕 is_disappeared = WebDriverWait(driver, 8, 0.5, ignored_exceptions=TimeoutExceptio ...

  5. python使用zipfile解压文件中文乱码问题

    中文在编程中真实后娘养的,各种坑爹,python3下中文乱码这个问题抓破了头皮,头疼.看了alex的文章,才有种恍然大悟的感觉(链接在底部). 一句话,就是转换成unicode,压缩前是什么编码,使用 ...

  6. javaScript中计算字符串MD5

    进行HTTP网络通信的时候,调用API向服务器请求数据,有时为了防止API调用过程中被黑客恶意篡改,所请求参数需要进行MD5算法计算,得到摘要签名.服务端会根据请求参数,对签名进行验证,签名不合法的请 ...

  7. ionic3 ion-slides遇坑

    不想吐槽  ionic-slides  的组件,是个巨坑...切换页面以后再返回当前页面, 不能自动播放,网上的解决方案都是没用的(亲测,后台获取的数据) ...  不信邪的宝宝们可以去试试..建议换 ...

  8. CF147B Smile House

    题目大意:给定一个有向图,其中边有边权.求点数最少的正环的点数. 题解:建立矩阵,处理其二进制上每一位的状态.时间O(n^3*log(n)). 代码: #include<cstdio> # ...

  9. LVS-NAT负载均衡PHP应用（Wordpress、Discuz）

    1 实验拓扑 2 需求 RS-01和RS-02对外提供WEB服务. RS-01搭建LAMP,PHP通过http模块方式提供. RS-02搭建LAMP,PHP通过fpm方式提供. RS-01和RS-02 ...

  10. MySQL 快速入门教程

    转:MySQL快速 入门教程 目录 一.MySQL的相关概念介绍 二.Windows下MySQL的配置 配置步骤 MySQL服务的启动.停止与卸载 三.MySQL脚本的基本组成 四.MySQL中的数据 ...