ajax json 学习笔记
json = { }
JSON 字符串必须使用双引号,单引号会出现错误
三种类型:
简单值:字符串、数值、布尔值、null
对象:无序的键值对儿
数组:有序的值列表
解析:JSON.eval() //最早期 会执行恶意代码 不建议使用
JSON.stringify(); // 转化成 json 对象
JSON.parse(); // 转化成JS对象 object
解析 JSON 需要大写
//js对象
var book = {
title:"javascript",
authoers:["taoqun"],
edition:3,
year:2016
}
// 解析成 JSON对象
var jsontext = JSON.stringify(book);
//jsontext 的值为:
{"title":"javascript","authoers":["taoqun"],"edition":3,"year":2016}
// 解析 javascript 对象 JSON对象才能解析
var parse_value = JSON.parse(jsontext);
试验:
var s = {
"ss":123,
"asd":"asd",
"dww":[123,123],
"dfg":123
}
console.log(s);
s = JSON.stringify(s);
console.log(s);
var a =JSON.parse(s);
console.log(a);
输入结果:
Object {ss: 123, asd: "asd", dww: Array[2], dfg: 123} //js对象 键会去掉双引号
{"ss":123,"asd":"asd","dww":[123,123],"dfg":123} //json对象 键会加上双引号
Object {ss: 123, asd: "asd", dww: Array[2], dfg: 123} //JS对象 键会去掉双引号
序列化选项:
1、过滤结果
数组 JSON.stringify( js对象 , [数组] ); 只返回包含数组对应属性的值;
函数 JSON.stringify( js对象 , function( key ,value ) );函数接受两个参数 属性 和 属性值 或(键 和 键值) //属性只能是字符串
数组:
var book = {
"title":"hello",
"name":"taoqun",
age:24,
year:2016
}
var jsontext = JSON.stringify(book,["title","age"]);
// jsontext 的返回值
{"title":"hello","age":24}
函数:
var book = {
"title":"hello",
"name":"taoqun",
age:24,
year:2016,
list:[1,2,34]
}
var jsontext = JSON.stringify(book,function(key,value){
switch(key){
case "list":
return value.join(",");
case "year":
return 2017;
case "name":
return "jay";
default:
return value;
}
})
console.log(jsontext);
// 返回值:
{"title":"hello","name":"jay","age":24,"year":2017,"list":"1,2,34"}
2、字符串缩进
var jsontext = JSON.stringify(book,null,4);
//返回值键值 缩进四个字符
var jsontext = JSON.stringify(book,null,"--");
//返回值键值 用"--" 显示缩进
3、toJSON() 方法
优先返回toJSON
//待续
解析选项:
JSON.parse(book,function(key,value){
})
ajax json 学习笔记的更多相关文章
- Ajax+JSON学习笔记(二)
来源:http://www.imooc.com/learn/250 readyState属性 0:请求未初始化,open还没有调用 1:服务器连接已建立,open已经调用了 2:请求已接受,也就是接收 ...
- day64—ajax技术学习笔记
转行学开发,代码100天——2018-05-19 Ajax技术学习笔记 AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML).AJA ...
- AJAX(学习笔记一)
1:什么是AJAX? AJAX是一组英文单词的简写,这组英文单词是 :Asynchronous JavaScript and XML ,翻译成中文的意思是: 异步的JavaScript 和 XML.什 ...
- 20151211Jquery Ajax进阶学习笔记
四.JSON 和 JSONP 如果在同一个域下,$.ajax()方法只要设置 dataType 属性即可加载 JSON 文件.而在非 同域下,可以使用 JSONP,但也是有条件的. //$.ajax( ...
- JSON 学习笔记
学习使用json过程随笔: json数组格式 var employees = [ { "firstName":"Bill" , "lastName&q ...
- Json学习笔记
一.昨天内容回顾 创建ajax对象 a) 主流浏览器 new XMLHttpRequest(); b) IE浏览器 new ActiveXObject("Msxml2.XMLHTTP. ...
- Jquery+Ajax+php学习笔记
昨天研究ajax,想作个登陆框,无刷新就把用户名密码提交给后台php程序,验证后发回. 几经琢磨 总算出来前台代码: <script src="./javascript/jquery- ...
- JSON学习笔记-1
1.什么是JSON? JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式.它基于 ECMAScript (欧洲计算机协会制定的js规范)的一 ...
- javascript-ajax之json学习笔记
ajax什么时候解析json的时候用eval 1.如果是原生js实现的ajax,就需要eval转json对象 如果使用了类似jquery的js插件,里面有些方法是不需要转的,因为jquery已经帮你处 ...
随机推荐
- shell函数使用
函数定义格式: 和js有点类似,不过在 shell 中 function 关键字是可选的. 如: sum { // shell 语句 } function sum() { // shell 语句 } ...
- 轮廓问题/Outline Problem-->改进的算法及时间复杂度分析
前面写过一篇关于轮廓算法的文章,是把合并建筑和合并轮廓是分开对待的,并且为了使轮廓合并的时候算法简单,对x坐标使用了double类型,然后对整形的x坐标数据进行合并.这样做是为了使得需找拐点的算法容易 ...
- 「Linux」制作一个Linux系统
一.前言 Linux操作系统至1991年10月5日诞生以来,就其开源性和自由性得到了很多技术大牛的青睐,每个Linux爱好者都为其贡献了自己的一份力,不管是在Linux内核还是开源软件等方面,都为我们 ...
- dalao&话
最大权闭合子图 正负点权之间连边,容量为无穷大,代表正负之间有联系,跑最小割,要么舍弃正的要么舍弃负的,就是把图割开
- 跟我一起写Makefile(二)
Makefile 总述——————— 一.Makefile里有什么? Makefile里主要包含了五个东西:显式规则.隐晦规则.变量定义.文件指示和注释. 1.显式规则.显式规则说明了,如何生成一个或 ...
- DEV GridControl打印 导出
/// <summary> /// 打印 /// </summary> /// <param name="sender"></param& ...
- 贪心+离散化+线段树上二分。。。 Samara University ACM ICPC 2016-2017 Quarterfinal Qualification Contest G. Of Zorcs and Axes
题目链接:http://codeforces.com/gym/101149/problem/G 题目大意:给你n对数字,为(a[i], b[i]),给你m对数字,为(w[i], c[i]).给n对数字 ...
- 谈谈对Spring IOC(控制反转)的理解--转
谈谈对Spring IOC(控制反转)的理解--转 学习过Spring框架的人一定都会听过Spring的IoC(控制反转) .DI(依赖注入)这两个概念,对于初学Spring的人来说,总觉得IoC ...
- JSP和Servlet面试题
1.讲下servlet的执行流程. Servlet的执行流程也就是servlet的生命周期,当服务器启动的时候生命周期开始,然后通过init()<启动顺序根据web.xml里的startup-o ...
- gitlab使用 —— 多人协同工作(重要技能)
gitlab使用 —— 多人协同工作(重要技能) 学习链接: http://herry2013git.blog.163.com/blog/static/219568011201341111240751 ...