Ajax使用JSON数据格式

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":"[email protected]"
  }
}</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>
时间: 2024-10-27 05:16:58

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

Ajax(三) — json 数据格式

为什么,学习json? 现在异构系统之间消息传递大多数的使用的都是json格式 比如 WebService 基于XML,因为要遵循多种约束,所以传递数据比较麻烦,而且在高并发的情况下,传递数据很慢.而阿里的 Dubbo 分布式服务框架(仅限于Java平台使用)的效率就非常非常高 JSON(JavaScriptObject Notation)一种简单的数据格式,比xml更轻巧.JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包.

[ajax 学习笔记] json数据格式

之前写过ajax传送数据可以用普通文本和XML两种格式.这里记一下json数据格式. json:javascript object notation. 之前分析过,用文本和XML传送数据各有优劣.而json可以轻松地将javascript对象转换成可以随时发送的数据. 一个json数据例子: var people = { "programmers": [ { "firstName": "Brett", "lastName":&

ThinkPHP以jquery传送json数据格式的方式实现ajax请求

在之前我这里是失败过很多次的,有的时候甚至不得不采用get的传送方式,另外,thinkphp自带的ajax->return方法并不能够解决问题,而且会让问题变得更加复杂,与其不如直接使用jquery的方法,全部采用post提交的方式,get提交是没有任何的问题的,但是post提交问题就一个接一个.我就一直纳闷,为什么在但一脱离框架的页面就能够畅通无阻,这个问题非常的棘手.研究了好长时间终于发现问题所在了,jquery只是前端性的东西基本上和框架扯不上太大的关系,下面是对该问题的总结: 1: 不要

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

Django---CSRF的装饰器,CSRF的流程,JSON数据格式,ajax技术(基于JQ实现) 一丶CSRF相关的装饰器 from django.utils.decorators import method_decorator # 给cbv加上装饰器 from django.views import View from django.views.decorators.csrf import csrf_exempt, csrf_protect ### 在FBV模式下 # csrf_exempt

ajax请求接收后台json数据格式

1.准备一个jsp页面     该处有一个较为重要的点(var  obj = eval('(backDate)');)这是将字符串格式转化为json数据对象 注: 我传输的是json数组格式             json数据有两种格式{键名 :值}    ["值","",""]    只是相对应的java后台json数据处理方式不同 2.在网上下载json.jar相关jar包(该jar包解决对象与json数据格式的相互转化,较为方便) 下载地

Ajax与JSON使用教程

Ajax与JSON使用教程1.1.1 摘要 Ajax技术的核心是XMLHttpRequest对象(简称XHR),可以通过使用XHR对象获取到服务器的数据(入门教程qkxue.net),然后再通过DOM将数据插入到页面中呈现(腾云科技ty300.com).虽然名字中包含XML,但Ajax通讯与数据格式无关,所以我们的数据格式可以是XML或JSON等格式. XMLHttpRequest对象用于在后台与服务器交换数据,具体作用如下: 在不重新加载页面的情况下更新网页    在页面已加载后从服务器请求数

ajax返回JSON时的处理方式

JSON中对象通过“{}”来标识,一个“{}”代表一个对象,如{“AreaId”:”123”},对象的值是键值对的形式(key:value). json_encode() 该函数主要用来将数组和对象,转换为json格式 json_encode (PHP 5 >= 5.2.0, PECL json >= 1.2.0) json_encode — 对变量进行 JSON 编码 Report a bug 说明 string json_encode ( mixed $value [, int $opti

JSON 数据格式

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.JSON采用完全独立于语言的文本格式,这些特性使JSON成为理想的数据交换语言.易于人阅读和编写,同时也易于机器解析和生成. 基础结构 JSON建构于两种结构: 1. “名称/值”对的集合(A collection of name/value pairs).不同的语言中,它被理解为对象(object),记录(record),结构(struct),字典(dictionary),哈希表(hash table

Ajax与JSON的一些总结

1.1.1 摘要 Ajax技术的核心是XMLHttpRequest对象(简称XHR),可以通过使用XHR对象获取到服务器的数据,然后再通过DOM将数据插入到页面中呈现.虽然名字中包含XML,但Ajax通讯与数据格式无关,所以我们的数据格式可以是XML或JSON等格式. XMLHttpRequest对象用于在后台与服务器交换数据,具体作用如下: 在不重新加载页面的情况下更新网页 在页面已加载后从服务器请求数据 在页面已加载后从服务器接收数据 在后台向服务器发送数据 本文目录 XMLHttpRequ