解决html之间传递参数且参数为中文时出现的乱码问题

一. 前言

现在互联网开发都是前后端分离的，有时候我们需要在html之间传递参数和获取参数值，这时候该怎么来做呢？

二. 场景

**需求：**在首页有一个搜索框和搜索按钮，在首页输入要搜索的商品，点击搜索按钮进行查询，查询结果要在另外一个页面进行展示。

**思路：**既然要在另外一个页面进行展示，那肯定要获取主页输入框中的值，然后通过ajax请求后端，将响应的结果展示在前端。

实现步骤：

var searchText = $("#search-text").val();	//获取输入框的内容
//encodeURI:JavaScript全局函数，把字符串编码为 URI
var url=encodeURI("/nhkj/product-detail.html?searchText="+searchText);//通过？传参且转码
window.location.href=url;	//跳转到另一页面

以上是主页的js代码

var href=decodeURI(window.location.href);//译码
var hrefIndex=href.split('?searchText=');
var searchText = hrefIndex[1];

这样就可以实现在html之间传递参数，且不会出现乱码问题了