博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js处理url中的请求参数(编码/解码)
阅读量:5051 次
发布时间:2019-06-12

本文共 1573 字,大约阅读时间需要 5 分钟。

  在处理 a 链接跳转其他页面时,总会遇到需要传递一些当前页面的信息到其他页面,然后其他页面利用这些信息进行相关操作。利用 get 请求或 hash 传递是常见的方式。

  首先,需要对传递的参数进行编码,保证数据的安全性;之后,将参数拼接到要跳转的url后,并设置为 a 链接中的 href 属性值。

var util = {    setUrlParam: function (params, targetUrl) {        var url = '';        if(params && targetUrl){            // json系列化为字符串,并编码            var enRequestParams = encodeURIComponent(JSON.stringify(params));            // get拼接            url = targeteUrl + '?rq=' + enRequestParams;            // 或hash拼接            // targeteUrl = targeteUrl + '#rq=' + enRequestParams;        }        return url;    }}// 假设需要传递的数据如下var requestParams = {    'id': '1001',    'time': '2017-04-21'};// 要跳转的页面urlvar targeteUrl = 'http://www.baidu.com';// 获取html中id=target的a链接,并设置hrefvar ndTargetLink = document.querySelector('a#target');ndTargetLink.href = util.setUrlParam(requestParams, targeteUrl);

  完成了地址拼接,接下来就是在目标页面中解析请求参数了。

var util = {     // 获取参数    getUrlParam:function(url, param) {      var reg = new RegExp(param + "=([^&]*)(&|$)");      var num = url.match(reg);      if (num != null)        return num[1];      return null;    },    // 解码,try处理多次编码的情况    decodeUrl:function(str){        str=decodeURIComponent(str);        var json=null;        try{            json=JSON.parse(str);            return json;        }catch(e){            return  util.decodeUrl(str);        }    }}var loadPage = {    data:(function(){       var json=util.decodeUrl(util.getUrlParam(hash,'rq'));        return json;    })()}var data = loadPage.data; console.log('data',data);

 

转载于:https://www.cnblogs.com/EnSnail/p/6744869.html

你可能感兴趣的文章
Unity 游戏框架搭建 (十三) 无需继承的单例的模板
查看>>
模块与包
查看>>
mysql忘记root密码
查看>>
apache服务器中设置目录不可访问
查看>>
嵌入式Linux驱动学习之路(十)字符设备驱动-my_led
查看>>
【NOIP模拟】密码
查看>>
java容器---------手工实现Linkedlist 链表
查看>>
three.js 性能优化的几种方法
查看>>
《梦断代码》读书笔记(三)
查看>>
FreeMarker解析json数据
查看>>
Java8 Lambda表达应用 -- 单线程游戏server+异步数据库操作
查看>>
次序+“选择不重复的记录”(3)——最大记录
查看>>
Codeforces 450 C. Jzzhu and Chocolate
查看>>
[Unity3D]Unity3D游戏开发MatchTarget的作用攀登效果实现
查看>>
ACdream 1115 Salmon And Cat (找规律&&打表)
查看>>
JSON、JSONP、Ajax的区别
查看>>
AngularJS学习篇(一)
查看>>
关于Xshell无法连接centos6.4的问题
查看>>
css3动画——基本准则
查看>>
javaweb常识
查看>>