一. 前言
现在互联网开发都是前后端分离的,有时候我们需要在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之间传递参数,且不会出现乱码问题了