JS解析URL参数并返回JSON格式
2018-01-05 16:56
681 查看
背景
有时候,简单的参数只需要两个页面间传递,无需后台加工,这个时候,就可以考虑使用页面间传参方式方案
采用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>");
结束
以上代码,拷贝即可使用,简单快捷。谢谢大家,我是沫沫金,持续改进开发效率。
相关文章推荐
- js解析url参数返回json格式
- 使用js获取url中的get参数并转成json格式
- 题型:编写一段JS代码提取URL中的各个GET参数,并按Key_Value的形式返回到一个对象中(如:Json结构)
- JS解析后台返回的JSON格式数据实例
- js将json格式的对象拼接成复杂的url参数方法
- [js开源组件开发]query组件,获取url参数和form表单json格式
- JS获取url参数,JS发送json格式的POST请求方法
- eval解析JSON中的注意点 在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval()函数。 2. 使用Function对象来进行返回解析。 使用eval
- JS获取url参数、JS发送json格式的POST请求
- 【js与jquery】jquery对返回json格式数据的处理和解析
- java解析json格式请求的url中参数
- js将json格式的对象拼接成复杂的url参数
- ajaxFileupload.js修复上传无法携带参数,返回json格式不准确问题
- js将json格式的对象拼接成复杂的url参数方法
- JS解析后台返回的JSON格式数据
- IE无法解析返回的JSON格式并提示下载文件
- js删除url参数并返回url
- 后台返回一个string类型的json格式数据,前台js如何读取?
- 艾伟:WCF以Json格式返回对象,客户端以JS调用显示
- 用JS解决Asp.net Mvc返回JsonResult中DateTime类型数据格式的问题