url页面跳转参数乱码问题

最新推荐文章于 2022-11-10 06:57:07 发布

原创最新推荐文章于 2022-11-10 06:57:07 发布 · 744 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #jquery

开发同时被 3 个专栏收录

48 篇文章

订阅专栏

技术

47 篇文章

订阅专栏

学习

42 篇文章

订阅专栏

该博客讨论了在页面跳转时如何正确处理中文关键字，以避免乱码问题。通过使用encodeURI进行编码，在目标页面B使用decodeURI解码，成功实现了关键字从页面A到页面B的传递。同时，博主遇到了在jQuery方法中使用split报错的问题，但通过改为纯JavaScript方法解决了此问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

功能点：在搜索框输入关键字从页面A跳转页面B之后希望把关键字也带到页面B
「可以通过location.href拿到url链接但是问号后带参数的内容如果是中文的话会乱码」
所以解决方法如下

1、页面A

 var url = "/indexpage/infosearch?Title="+titleVal;
 window.open(encodeURI(url)); //记得用encodeURL转一下

2、页面B

var urlinfo = window.location.href;//获取url
var userName = urlinfo.split('?')[1];//拆分url得到”=”后面的参数
console.log('userName');
if(userName != undefined)
{
  var userName_ = userName.split('=')[1];
  $('#searchBtn').val(decodeURI(userName_));
  console.log(userName_);
}

//有遇到一个问题 就是如果在jq方法里面写的话split方法会报错 会说明找不到这个方法 但是如果就是单纯的用JS方法来获取的话就可以用 然后我分开去取了 可以成功拿到