继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

JS解析URL参数并返回JSON格式

html5零基础入门学习
关注TA
已关注
手记 246
粉丝 81
获赞 518

背景

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

方案

采用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("<label>产品代号:</label><span>"+searchJson.productCode+"</span>\            <label>产品名称:</label><span>"+searchJson.productName+"</span>");

结束

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


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

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP