html 之间如何通过URL传输参数,并解决中文乱码问题

31 篇文章 0 订阅

当在输入框中输入内容后,点击搜索,应用就会跳转到搜索页面,并传递了上一个页面搜索的内容“九”,同时搜索关联游戏,

起初,如果直接通过 url?+搜索内容,这种方法实现参数传递的话,当我们搜索数字或者英文字母时,不会有问题,但是搜索中文的时候,就会出现一堆百分号样的搜索数据,这就可以说是Url中传递中文参数乱码。

   怎么解决HTML界面间传递中文参数的乱码问题呢?

   1.可以使用encodeURI编码,decodeURI解码

[javascript]  view plain  copy
  1. //点击搜索  
  2. $("#searchBtn").click(function(){  
  3.     var searchText= jQuery.trim($(".keyword").val());  
  4.    var searchUrl =encodeURI("search.html?searchText="+searchText);   //使用encodeURI编码  
  5.    window.location.href =searchUrl;  
  6. })  

[javascript]  view plain  copy
  1. //获取 上一个搜索页面传来的参数  
  2.      var searchUrl =window.location.href;  
  3.      var searchData =searchUrl.split("=");        //截取 url中的“=”,获得“=”后面的参数  
  4.      var  searchText =decodeURI(searchData[1]);   //decodeURI解码  
  5.        $(".keyword1").val(searchText);            //将搜索的数据显示在搜索页面的搜索框中  
 2.还可以采用  encodeURIComponent编码、decodeURIComponent解码等方式编码解码
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值