什么是cookie

1.cookie是存储于访问者计算机中的变量
2.cookie是浏览器提供的一种机制
3.可以由js控制(设置、读取、删除)
4.cookie可以实现跨页面全局变量可以跨越同域名下多个网页,但不能跨越多个域名使用
5.同一个网站所有页面共享一套cookie 可以设置有效期限存储空间大概4kb左右
6.cookie机制将信息存储于用户硬盘,因此可以作为跨页面全局变量,这是它最大的一个优点。
常用场合
1.保存用户登入状态
2.跟踪用户行为
3.订制页面
4.购物车(记录商品)
缺点
cookie可能被禁用
cookie与浏览器相关,不能相互访问
cookie可能被用户删除
cookie安全性不够高(纯文本记录)
cookie储存空间小4kb
设置cookie(在谷歌浏览器application----->cookie里面看得到)
每个cookie是一个名/值/对(key=value)格式的字符串---->typeof 检测
document.cookie="user=liming"
改变cookie:重新赋值
document.cookie="user=xiaoming";
设置有效期:
var dates = new Date();
dates.setDate(dates.getDate()+3);//按天数设置(当前日期加三天)
document.cookie="password=123456;expires="+dates;
获取cookie
var cookies = document.cookie;----->所有的cookie都获取到了
cookie只能一次性获取所有cookie值;
split()切割字符串获取单独cookie值;
var cookieArr = cookie.split("; ");---->分号空格切割
console.log(cookieArr)---->转换成数组 键值对的形式
for(var i=0;i<cookieArr.length;i++){
var cookieArr2 = cookieArr[i].split("=");
console.log(cookieArr2);
}
封装成函数:
function getCookie(key){ ---->键名传进来
  var arr =document.cookie.split("; ");
  for(var i=0;i<arr.length;i++){
    var arr2=arr[i].split("=");
    if(arr2[0]==key){
      return arr2[1];----->返回这个值;
    }
  }
  return false;
}
console.log(getCookie("user"));
删除cookie:
var date2 = new Date();
dates.setDate(date2.getDate()-1);//按天数设置(过去一天任何数字都行只要是过期)
document.cookie="password=123456;expires="+date2;

JSON:轻量级的数据交换格式,是js原生数据格式。
对象键名可以不加引号;但是json一定要 而且json文件不可以写注释;
json字符串,但不是json对象。
var json = '{"name":"xiaoming";"sex":"男";"age":"28"};'
正常的json
var jsondata = {"name":"xiaoming";"sex":"男";"age":"28"}
alert(json.name)
解析
var json2 = eval("("+json+")");--->使用eval函数解析JSON是一种很不安全的方式,能不用最好就不用,
原因是eval不但可以解析JSON字符串,还会执行其中的代码块(如果有的话)
所以我们比较常用的就是使用JSON.parse()方法解析
var json2 = JSON.parse(jsondata);
for in循环解析json数据
for(var i in json){
  console.log(i)
  console.log(i+";"+json2[i]) ---->i为键名
}
ajax 去掉缓存就是加上new Date().getTime()--->get方法会产生缓存,post一般无需考虑
JSON.stringify(obj) : 将一个JSON对象转换成字符串。

parse用于从一个字符串中解析出json对象,如
var str = '{"name":"huangxiaojian","age":"23"}'

cookie、json详解的更多相关文章

  1. JSON详解(转)

    JSON详解 JSON的全称是”JavaScript Object Notation”,意思是JavaScript对象表示法,它是一种基于文本,独立于语言的轻量级数据交换格式.XML也是一种数据交换格 ...

  2. JSON详解(转载)

    JSON详解 阅读目录 JSON的两种结构 认识JSON字符串 在JS中如何使用JSON 在.NET中如何使用JSON 总结 JSON的全称是”JavaScript Object Notation”, ...

  3. javaScript系列:JSON详解

    JSON详解   JSON的全称是”JavaScript Object Notation”,意思是JavaScript对象表示法,它是一种基于文本,独立于语言的轻量级数据交换格式.XML也是一种数据交 ...

  4. Spring Boot 之使用 Json 详解

    Spring Boot 之使用 Json 详解 简介 Spring Boot 支持的 Json 库 Spring Web 中的序列化.反序列化 指定类的 Json 序列化.反序列化 @JsonTest ...

  5. 问题:JsonConvert;结果:JSON详解

    JSON详解 JSON的全称是”JavaScript Object Notation”,意思是JavaScript对象表示法,它是一种基于文本,独立于语言的轻量级数据交换格式.XML也是一种数据交换格 ...

  6. JSON详解+ C# String.Format格式说明+ C# ListView用法详解 很完整

    JSON详解 C# String.Format格式说明 C# ListView用法详解 很完整

  7. Cookie技术详解

    1. Cookie的特性 属性: 1> name: Cookie的名字 2> value: Cookie的值 3> path: 可选,Cookie的存储路径,默认情况下的存储路径时访 ...

  8. c++ json 详解

    一. 使用jsoncpp解析json Jsoncpp是个跨平台的开源库,首先从http://jsoncpp.sourceforge.net/上下载jsoncpp库源码,我下载的是v0.5.0,压缩包大 ...

  9. axios携带cookie配置详解(axios+koa) 原

    话不多说,一个字,干! 前端配置如下: axios.defaults.withCredentials = true; //配置为tru openid: 'oJ0mVw4QrfS603gFa_uAFDA ...

随机推荐

  1. Elasticsearch学习系列之介绍安装

    前言 关于ELK搭建的问题,或许你还有些模糊,其实你把我视频里讲的知识点串联起来就明白了.搭建ELK环境,看下面我说的: 首先,先把ES集群搭建起来,建议用CentOS6.5 64位的linux系统, ...

  2. jacoco+maven生成单元测试覆盖率报告

    参考:https://www.petrikainulainen.net/programming/maven/creating-code-coverage-reports-for-unit-and-in ...

  3. hdu1078 FatMouse and Cheese(记忆化搜索)

    题目链接: http://acm.hdu.edu.cn/showproblem.php?pid=1078 题目大意: 题目中的k表示横向或者竖直最多可曾经进的距离,不可以拐弯.老鼠的出发点是(1,1) ...

  4. Java内存问题的一些见解

    在Java中,内存泄露和其它内存相关问题在性能和可扩展性方面表现的最为突出.我们有充分的理由去具体地讨论他们. Java内存模型--或者更确切的说垃圾回收器--已经攻克了很多内存问题. 然而同一时候, ...

  5. POJ 1651 Multiplication Puzzle 区间dp(水

    题目链接:id=1651">点击打开链 题意: 给定一个数组,每次能够选择内部的一个数 i 消除,获得的价值就是 a[i-1] * a[i] * a[i+1] 问最小价值 思路: dp ...

  6. 危险的input 微博的过去

    更改uid post地址不变

  7. NaN in JavaScript

    https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/NaN The global NaN ...

  8. 利用JFreeChart生成组合图表 (8) (转自 JSP开发技术大全)

    利用JFreeChart生成组合图表 (8) (转自 JSP开发技术大全) 14.8 利用JFreeChart生成组合图表  实例位置:光盘\mingrisoft\14\dxyy\02 通过JFree ...

  9. MongoDB全文搜索——目前尚不支持针对特定field的搜索

    > db.articles.createIndex( { subject: "text" } ) { "createdCollectionAutomatically ...

  10. BZOJ_3175_[Tjoi2013]攻击装置_二分图匹配

    BZOJ_3175_[Tjoi2013]攻击装置_二分图匹配Description 给定一个01矩阵,其中你可以在0的位置放置攻击装置.每一个攻击装置(x,y)都可以按照“日”字攻击其周围的 8个位置 ...