json语法和使用
一.JSON 概述:
JavaScript Object Natation,是一种轻量级的数据交换技术规范。
二.使用流程:
在服务端将java对象转换为JSON,然后发送到浏览器,在浏览器上在讲JSON对象转换
为js对象。
三.JSON语法
.表示一个对象:
{属性名1:属性值1,属性名2:属性值2,属性名3:属性值3}
JavaScript中创建对象的三种方式:
.使用json语法来创建
var obj = {"name":an,"age":};
.使用Object来创建
var obj = new Object();
obj.name="zs"; obj.age=;
.使用javaScript函数来创建(对象模板);
function Person(name,age){
this.name = name;
this.age = age;
}
var person1 = new Person("zs",)
.表示一个对象组成的数组:
var arr = [{"name","chang","age",},{"name":"bo","age":}];
四.JSON的使用:
.java对象转换为JSON格式的字符串(就是普通字符串使用了JSON的语法规则),
使用了JSONObject.fromObject();
public static void test1(){
//普通java对象
Stock s = new Stock();
s.setName("an");
s.setCode("");
s.setPrice(12.8);
//转换为JSON对象
JSONObject obj = JSONObject(s);
//转换为字符串
String jsonStr = obj.toString();
System.out.println(jsonStr);
}
.java对象组成的集合转换为一个JSON字符串,
使用了JSONArray.fromObject();
public static void test2(){
//生成一个java对象的集合
List<Stock> stock = new ArrayList<Stock>();
Random r = new Random();
DecimalFormat df = new DecimalFormat("#.##"); //小数格式
for(int i=;i<;i++){
Stock s = new Stock();
s.setName("zhang"+r.nextInt());
s.setCode(""+r.nextInt());
Double price = r.nextInt()+r.nextDouble();
s.setPrice(Double.parseDouble(df.format));
stock.add(s);
}
//将这个对象的集合转换成一个json的字符串
JSONArray array =JSONArray.fromObject(stock);
String jsonStr = array.toString();
System.out.println(jsonStr);
};
.java对象组成的数组装换为一个JSON字符串
public static void test3(){
//生成一个java对象的数组
Stock[] stock = new Stock[];
Random r = new Random();
DecimalFormat df = new DecimalFormat("#.##");
for(int i=;i<;i++){
Stock s = new Stock();
s.setName("cheng"+r.nextInt());
s.setCode(""+r.nextInt());
Double d = r.nextInt()+r.nextDouble();
s.setPrice(Double.parseDouble(df.format(d)));
stock[i] = s;
}
//讲这个java对象的数组转换为一个JSON字符串
JSONArray array = JSONArray.fromObject(stock);
String jsonstr = array.toString();
System.out.println(jsonstr);
}
.JSON字符串转换为javaScript对象
JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。
eval() 函数使用的是 JavaScript 编译器,可解析 JSON 文本,然后生成
JavaScript 对象。
必须把文本包围在括号中,这样才能避免语法错误:
var obj = eval ("(" + jsontxt + ")"); JQuery框架中ajax解析json字符串的示例。
$.ajax({
type: 'POST',
url: '../../caseHandler.ashx?action=GetCase&id=' + id.toString(), //url action是方法的名称
data: "",
dataType: "text", //可以是text,如果用text,返回的结果为字符串;如果需要json格式的,可以设置为json
ContentType: "application/json; charset=utf-8",
success: function (returnedData) {
getMarkerFeature(eval("(" + returnedData+ ")"));
},
error: function (msg) {
alert("访问失败:"+ msg);
}
});
五.同步请求:
在ajax发送请求的时候设置。
xhr.open(请求方式,请求地址,false);
使用同步是客户端需要等待服务端的响应之后才能处理下一步操作;当服务器处理的
比较慢的时候,浏览器会锁定当前页面,造成“假死”现象。
json语法和使用的更多相关文章
- JSON语法五大要素图文介绍
原文:http://www.jb51.net/article/32398.htm JSON语法是一种轻量级的数据交换格式.易于人阅读和编写.同时也易于机器解析和生成,下面就进行学习研究,希望本文能教会 ...
- 《JAVASCRIPT高级程序设计》JSON语法/解析/序列化
JSON是一种数据格式,不是一种编程语言. 一.语法 JSON语法可以表示以下三种类型的值:简单值.对象.数组. 1.简单值 最简单的JSON数据值就是简单值: 5 "hello world ...
- JSON语法
JSON:JavaScript 对象表示法(JavaScript Object Notation). JSON 是存储和交换文本信息的语法.类似 XML. JSON 比 XML 更小.更快,更易解析. ...
- JSON语法与JavaScript语法的区别
JSON是独立于语言存在的,在不同的编程语言中对这种数据类型的实现不同,例如在JavaScript中使用JavaScript对象对这种数据格式进行实现,那么在java中当然是用java对象实现. 描述 ...
- JSON语法、对象、遍历数组的区别和基本操作
JSON 语法规则 JSON 语法是 javascript 对象表示语法的子集. 数据在名称/值对中 数据由逗号分隔 花括号保存对象 方括号保存数组 JSON 名称/值对 JSON 数据的书写格式是: ...
- JSON语法规则
JSON 语法规则 JSON 语法是 JavaScript 对象表示法语法的子集. 数据在名称/值对中 数据由逗号分隔 花括号保存对象 方括号保存数组 JSON 名称/值对 JSON 数据的书写格式是 ...
- JSON 语法
ylbtech-JSON: JSON 语法 JSON 语法是 JavaScript 语法的子集. 1. JSON 语法规则返回顶部 JSON 语法是 JavaScript 对象表示语法的子集. 1. ...
- JSON语法2
把 JSON 文本转换为 JavaScript 对象 JSON 最常见的用法之一,是从 web 服务器上读取 JSON 数据(作为文件或作为 HttpRequest),将 JSON 数据转换为 Jav ...
- 使用JSON语法创建JS对象(重要)
JS对象的键值可以加单引号或者不加或者加双引号 JSON语法提供了一种更简单的方式来创建对象,可以避免书写函数,也可避免用new关键字,可以直接创建一个JS对象,使用一个花括号,然后将每个属性写成&q ...
- JSON语法及JSON定义规范化
版权声明:本文为博主原创文章,未经博主允许不得转载. https://www.cnblogs.com/zhuhui-site/p/10090541.html 一.前言 JSON(JavaScrip ...
随机推荐
- C#连接Mysql数据库 MysqlHelper.cs文件
mysql.data.dll下载_c#连接mysql必要插件mysql.data.dll是C#操作MYSQL的驱动文件,是c#连接mysql必要插件,使c#语言更简洁的操作mysql数据库.当你的电脑 ...
- 制作第三方SDK静态库、.framework(修正)
静态库和动态库的存在形式 静态库: .a 和 .framework 动态库: .dylib 和 .framework 静态库和动态库的使用区别: 静态库:链接时,静态库会被完整地复制 到 可执行文件中 ...
- lnmp+laravel部署到服务器出现 "GET / HTTP/1.1" 500 5
lnmp一键安装包直接下载安装,就可以了,在此不多说. 虚拟机配置给个参考(lnmp安装包) server { listen 80; #listen [::]:80; server_name www. ...
- Quartus II 14.0正式版 下载链接和破解器
Windows版本 必装组件: Quartus II http://download.altera.com/akdlm/software/acdsinst/14.0/200/ib_installers ...
- URAL 1141. RSA Attack(欧拉定理+扩展欧几里得+快速幂模)
题目链接 题意 : 给你n,e,c,并且知道me ≡ c (mod n),而且n = p*q,pq都为素数. 思路 : 这道题的确与题目名字很相符,是个RSA算法,目前地球上最重要的加密算法.RSA算 ...
- vee-validate表单校验的基本使用
今天主要记录一下用vee-validate来进行表单校验的几个基本使用.包括最基础的必填和长度校验:异步请求服务的校验(重名校验),还有延迟校验.如何引入等就不在这里赘述了,直接进入主题. 1.必填和 ...
- Vue Vuex state mutations
Vuex 解决不同组件的数据共享,与数据持久化 1.npm install vuex --save 2.新建store.js 并引入vue vuex ,Vue.use(Vuex) 3.state在vu ...
- angular 守卫路由
import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; im ...
- angular 重定向路由
const routes: Routes = [ { path: '', redirectTo: '/home', pathMatch: 'full' }, { path: 'home', compo ...
- intellij idea 15,webstorm 最新注册破解
http://idea.lanyus.com 在激活地址填写上上面的地址就行了,非常简单有效. 亲测idea,webstorm...都可以激活