js获取cookie数据并发送给服务端

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<script type="text/javascript">

function post(){

    // 设置cookie

    let setCookie=(key, value, days) =>{

    let now = new Date();

    let expires = '';

    let formatValue = '';

    if(days){

       now.setTime(now.getTime() + days * 24 * 60 * 60 * 1000);

        expires = ";expires=" + now;

       }

    if(!key){

       return false

    }

    try{

        formatValue  = JSON.stringify(value);

    }catch(e){

        console.log(e);

        return false;

    }

    document.cookie = key + "=" + formatValue + expires;

    };

    // 获取cookie

    let getCookie=key=> {

    //如果cookie中有数据  才可以获取数据

    if (document.cookie) {

      let cookieInfo = document.cookie;

      //cookie中可能会包含一些 额外的数据，这些数据特点是由   分号和空格间隔的

      //所以 先将 分号和空格  替换掉   替换成  ;

      let arr = cookieInfo.replace(/;\s/g, ';').split(";");

      let item,brr;

      for (let i = 0; i < arr.length; i++) {

        item = arr[i].split("=");

        if (item[0] === key) {

          brr = item[1];

          return JSON.parse(brr);//如果找到 我们想要的键，将值转成数组返回

        }

      }

      //如果cookie中 没有我们想获取的键值，直接返回一个空数组

      return [];

    }

    //如果cookie中没有数据，直接返回一个空数组

    return [];

  };

    // 获取cookie 所有的值

    let getCookieAll=()=> {

    //如果cookie中有数据  才可以获取数据

    let resList = [];

    const map = new Map();

    if (document.cookie) {

      let cookieInfo = document.cookie;

      //cookie中可能会包含一些 额外的数据，这些数据特点是由   分号和空格间隔的

      //所以 先将 分号和空格  替换掉   替换成  ;

      let arr = cookieInfo.replace(/;\s/g, ';').split(";");

      let item,brr;

      for (let i = 0; i < arr.length; i++) {

        item = arr[i].split("=");

        map.set(item[0], item[1]);

      }

      //如果cookie中 没有我们想获取的键值，直接返回一个空数组

      return map;

    }

    //如果cookie中没有数据，直接返回一个空数组

    return map;

  };

    // var setCookieData = setCookie('me', 'wzy', 1);

    var getCookieData = getCookieAll();

    console.log(getCookieData);

    //msp转object

    let obj= Object.create(null);

    for (let[k,v] of getCookieData) {

        obj[k] = v;

    }

    //object转json

    // obj = JSON.stringify(obj);

    // var postData = {

    // "username": "13321503898",

    // "password": "a123456",

    // "imsi":"wzy - 加载的时候执行"

    // };

    var postData = obj;

    var url = "http://xxx.xxx.xxx.xxx/appall/get/js/post/data";

    var xhr = new XMLHttpRequest();

    xhr.open("POST", url, true);

    xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");

    xhr.send(JSON.stringify(postData));

}

</script>

<input type="button" value="触发请求" onclick="post()" style="width:200px;height:200px;font-size:30px"/><br><br>

<script>post()</script>

</body>

</html>

　　

js获取cookie数据并发送给服务端的更多相关文章

  1. js获取cookie

    js获取cookie 之前用jQuery.cookie来获取cookie,虽然简单,但是项目上又多引用了一个插件,总觉得不太好,下面是我封装的js原生获取cookie的函数. function get ...

  2. 通过js获取前台数据向一般处理程序传递Json数据，并解析Json数据，将前台传来的Json数据写入数据库表中

    摘自:http://blog.csdn.net/mazhaojuan/article/details/8592015 通过js获取前台数据向一般处理程序传递Json数据,并解析Json数据,将前台传来 ...

  3. Node.js是一个事件驱动I/O服务端JavaScript环境

    Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎.目的是为了提供撰写可扩充网络程序,如Web服务.第一个版本由Ryan Dahl于2009年发布,后来,Jo ...

  4. node.js获取cookie

    node.js 获取cookie var Cookies ={}; if (req.headers.cookie != null) { req.headers.cookie.split(';').fo ...

  5. 前端使用node.js+express+mockjs+mysql实现简单服务端，2种方式模拟数据返回

    今天,我教大家来搭建一个简单服务端 参考文章: https://www.jianshu.com/p/cb89d9ac635e https://www.cnblogs.com/jj-notes/p/66 ...

  6. Node.js：上传文件，服务端如何获取文件上传进度

    内容概述 multer是常用的Express文件上传中间件.服务端如何获取文件上传的进度,是使用的过程中,很常见的一个问题.在SF上也有同学问了类似问题<nodejs multer有没有查看文件 ...

  7. fastadmin 随笔 刷新表格数据 获取当前登录人信息 服务端导出Excel

    table.bootstrapTable('refresh',{url:'你的url'}); 获取当前登录人信息 $this->auth就能获取当前用户信息,比如$this->auth-& ...

  8. 数据同步canal服务端HA配置

    canal服务端HA模式,本人并未使用过,为保证文章的完整性,从以下地址摘抄该部分内容,待以后验证及使用 https://github.com/alibaba/canal/wiki/AdminGuid ...

  9. 数据同步canal服务端介绍

    1.下载安装包 canal&github的地址,最权威的学习canal相关知识的地方 https://github.com/alibaba/canal 在下面的wiki列表中找到AdminGu ...

随机推荐

  1. 熟知Mysql基本操作

    本文是学习 Mysql必知必会 后的笔记 学习之前需要创建一个数据库,然后导入下面两个mysql脚本 create database db1 charset utf8; ############### ...

  2. 1.7.6- 浏览器审查HTML标签元素

    或者F12

  3. 12- Jmeter逻辑控制器

    正则表达式 -1代表所有 1代表第一个 0表示随机 逻辑控制器 仅一次控制器 转换控制器(广义并发,构造混合场景) 引入函数助手 并发: 广义并发的并发: 还可以添加两个线程组: 一个线程组访问 首页 ...

  4. 【ElasticSearch】shards,replica,index之间的关系

    1.index 包含多个shard ,在创建index的时候可以自定义shards和replica的数量 例如: 新增一个index,手动指定shard和replica的数量 PUT demo_ind ...

  5. 【vim】复制粘贴相关操作

    复制: 首先,可以在命令模式下输入v进入自由选取模式,选择需要剪切的文字后,按下d就可以进行剪切了. 其他命令模式下剪切命令: yy:复制当前行 nyy:n表示大于1的数字,复制n行 yw:从光标处复 ...

  6. 从苏宁电器到卡巴斯基第31篇：难忘的三年硕士时光 IX

    在校的最后一个月 毕业答辩的评审老师宣布我没能通过,让我瞬间不知道该怎么好了.已经到了中午,老师们也都是准备吃盒饭去了,我和其他已经通过了的同学随便收拾了一下教室,然后无助的我赶紧去找旁听的教学秘书, ...

  7. Python 爬虫与HTTP协议简介

    爬虫的实际例子: 搜索引擎(百度.谷歌.360搜索等). 伯乐在线. 惠惠购物助手. 数据分析与研究(数据冰山知乎专栏). 抢票软件等. 什么是网络爬虫: 通俗理解:爬虫是一个模拟人类请求网站行为的程 ...

  8. C++ Socket 简单封装

    以下代码一部分来自于<网络多人游戏架构与编程>, 其它的都是我瞎写的. 备忘. 一个简单的Socket封装,没有做什么高级的操作(比如IO完成端口等等). 1 #pragma once 2 ...

  9. IntelliJ IDEA打开Maven项目，Spring boot所有依赖红名，不可用

    导入外部的springboot项目时,出现报红线,无论怎么刷新maven就是不下载依赖包,情况如下 解决办法: 1)直接去自己的maven仓库,找到Spring boot,然后直接删除下面的文件 2) ...

  10. 基于python对B站收藏夹按照视频发布时间进行排序

    基于python对B站收藏夹按照视频发布时间进行排序 前言 在最一开始,我的B站收藏一直是存放在默认收藏夹中,但是随着视频收藏的越来越多,没有分类的视频放在一起,想在众多视频中找到想要的视频非常困难, ...