博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS解析URL参数并返回JSON格式
阅读量:6273 次
发布时间:2019-06-22

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

背景

有时候,简单的参数只需要两个页面间传递,无需后台加工,这个时候,就可以考虑使用页面间传参方式

方案

采用JS中location.search获取传递的参数

优势

1、直接传递

2、无依赖
3、主流浏览器都支持

优化

1、对获取的原生问号参数进行二次加工,转换成JSON对象,就可以支持点属性了,很方便。

2、对中文参数进行支持

源码

// 可公用,任何页面引入即可点属性进行使用    var searchJson = {};getSearchJson();    function getSearchJson(){        var searchArr = decodeURI(location.search).substr(1).split("&");        for(var i in searchArr){            searchJson[searchArr[i].split("=")[0]] = searchArr[i].split("=")[1]        }    }    // 使用示例        $("#productInfo").html(""+searchJson.productCode+"\            "+searchJson.productName+"");

结束

以上代码,拷贝即可使用,简单快捷。


谢谢大家,我是沫沫金,持续改进开发效率

本文转自 沫沫金 51CTO博客,原文链接:http://blog.51cto.com/zl0828/2057856,如需转载请自行联系原作者

你可能感兴趣的文章
留德十年
查看>>
迷人的卡耐基说话术
查看>>
PHP导出table为xls出现乱码解决方法
查看>>
PHP问题 —— 丢失SESSION
查看>>
Java中Object类的equals()和hashCode()方法深入解析
查看>>
数据库
查看>>
Vue------第二天(计算属性、侦听器、绑定Class、绑定Style)
查看>>
dojo.mixin(混合进)、dojo.extend、dojo.declare
查看>>
Python 数据类型
查看>>
iOS--环信集成并修改头像和昵称(需要自己的服务器)
查看>>
PHP版微信权限验证配置,音频文件下载,FFmpeg转码,上传OSS和删除转存服务器本地文件...
查看>>
教程前言 - 回归宣言
查看>>
PHP 7.1是否支持操作符重载?
查看>>
Vue.js 中v-for和v-if一起使用,来判断select中的option为选中项
查看>>
Java中AES加密解密以及签名校验
查看>>
定义内部类 继承 AsyncTask 来实现异步网络请求
查看>>
VC中怎么读取.txt文件
查看>>
如何清理mac系统垃圾
查看>>
企业中最佳虚拟机软件应用程序—Parallels Deskto
查看>>
送给“正在纠结”、“准备纠结”的前端开发们
查看>>