JS 获取url参数以及中文乱码问题

encodeURI() 函数可把字符串作为 URI 进行编码

获取请求url中参数 http://a.com/index.html?name=名称&type=类型

var para=window.location.search;// 当前请求的url的参数部分
console.log(para) // 结果 ?name=%E5%90%8D%E7%A7%B0&type=%E7%B1%BB%E5%9E%8B

获取指定参数

//根据参数部分和参数名来获取参数值
function getParamString(paraPart,name) {var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");var r = paraPart.substr(1).match(reg);if (r != null) return unescape(r[2]); return null;
}
function getParamFromUrl(name){var r = getParamString(window.location.search,name)return r
}

中文乱码问题
在上面的结果中可以看到这里中文已经被编码了
所以我们需要decodeURI

var msg =decodeURI(getParamFromUrl('name'))
console.log(msg) // åç§°

仍然出现乱码，这是因为浏览器默认使用的是 encodeURI 而我们用的是unescape进行的解码

换成decodeURI解码即可

function getParamString(paraPart,name) {var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");var r = paraPart.substr(1).match(reg);- if (r != null) return unescape(r[2]); return null;+ if (r != null) return decodeURI(r[2]); return null;
}

输入到浏览器时

获取参数后

var msg =decodeURI(getParamFromUrl('name'))
console.log(msg) // 名称

JS 获取url参数以及中文乱码问题相关推荐

js 获取url参数问题
网上常常找到的js获取url参数的方法是: /** * @param {String} name 参数名称 * @param {String} url 请求的Url,可以填,如果不填为当 ...
SQLAlchemy中模糊查询;JS中POST带参数跳转;JS获取url参数
SQLAlchemy中模糊查询,如何like多个关键字 JS中POST带参数跳转一个项目中要跳转到另外一个项目,还需要带参数考虑到安全性的问题,最好是用POST跳转,不能再URL中拼参所以找到了 ...
C# asp.net页面通过URL参数传值中文乱码问题解决办法
C# asp.net页面通过URL参数传值中文乱码问题解决办法参考文章: (1)C# asp.net页面通过URL参数传值中文乱码问题解决办法 (2)https://www.cnblogs.com/ ...
html js发送http请求数据格式,JS获取url参数,JS发送json格式的POST请求方法
一.获取url所有参数值 function US() { var name, value; var str = location.href; var num = str.indexOf("? ...
js 获取url参数（函数封装）
本篇总结js获取url参数的几种方式,再最后,封装了一个函数,用来获取url中的参数. (一)关于获取url的一些基础知识 1, window.location.href 整个URl字符串(在浏览器中 ...
原生js获取URL参数
原生js获取URL参数 function getUrlParams(name) { // 不传name返回所有值,否则返回对应值var url = window.location.search;//s ...
js获取url参数vue.js获取url参数 JQ获取url参数
在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结. 1.window.location.href(设置或获取整个 URL 为字符串) ...
js获取 url 参数
js获取 url 参数获取 url 中的参数指定参数名称,返回该参数的值或者空字符串不指定参数名称,返回全部的参数对象或者 {} 如果存在多个同名参数,则返回数组不支持URLSearch ...
js获取url 参数方法封装
js获取url 参数方法封装 // 获取url 参数getUrlParam(params) {let url = location.href;url = url.replace("?&quo ...

JS 获取url参数以及中文乱码问题

JS 获取url参数以及中文乱码问题相关推荐

最新文章

热门文章