后端URL中文传参+前端解析和页面显示
2017-07-21 10:03
232 查看
后端生成URL:
StringBuilder builder = new StringBuilder("/paydetail.html?");
builder.append("isBind=").append(isBind);
builder.append("&openId=").append(openId);
builder.append("&terminalNo=").append(terminalNo);
builder.append("&goodsId=").append(goodsId);
builder.append("&goodsName=").append(URLEncoder.encode(goodsName, "UTF-8"));
builder.append("&score=").append(score);
builder.append("&price=").append(price);
其中 goodsName 为中文字符串。
前段解析:
var url_base = window.location.protocol + "//" + window.location.host;
var port = window.location.port;
if (port !== '') {
url_base = url_base + ":" + port;
}
var search = window.location.search;
search = search.substring(1);
//var openId = search.split("=")[1];
var isBind = search.split("&")[0].split("=")[1];
var openId = search.split("&")[1].split("=")[1];
var terminalNo = search.split("&")[2].split("=")[1];
var goodsId = search.split("&")[3].split("=")[1];
var goodsName = search.split("&")[4].split("=")[1];
var score = search.split("&")[5].split("=")[1];
var price = search.split("&")[6].split("=")[1];
页面显示时对goodsName进行解码处理:
$("#goodsName").text(decodeURI(goodsName));
StringBuilder builder = new StringBuilder("/paydetail.html?");
builder.append("isBind=").append(isBind);
builder.append("&openId=").append(openId);
builder.append("&terminalNo=").append(terminalNo);
builder.append("&goodsId=").append(goodsId);
builder.append("&goodsName=").append(URLEncoder.encode(goodsName, "UTF-8"));
builder.append("&score=").append(score);
builder.append("&price=").append(price);
其中 goodsName 为中文字符串。
前段解析:
var url_base = window.location.protocol + "//" + window.location.host;
var port = window.location.port;
if (port !== '') {
url_base = url_base + ":" + port;
}
var search = window.location.search;
search = search.substring(1);
//var openId = search.split("=")[1];
var isBind = search.split("&")[0].split("=")[1];
var openId = search.split("&")[1].split("=")[1];
var terminalNo = search.split("&")[2].split("=")[1];
var goodsId = search.split("&")[3].split("=")[1];
var goodsName = search.split("&")[4].split("=")[1];
var score = search.split("&")[5].split("=")[1];
var price = search.split("&")[6].split("=")[1];
页面显示时对goodsName进行解码处理:
$("#goodsName").text(decodeURI(goodsName));
相关文章推荐
- 前端页面获取URL中的中文参数值
- 小记前端 URL 传参 中文乱码
- 前端url传参中文乱码问题
- 前端向后端的url中的中文问题
- spring MVC:前端页面需要多显示一列,后端每层均需增加字段
- jsp利用表单跳转到另一个jsp页面传参时中文显示乱码
- 为什么前端页面encodeURI(url)两次,可以避免后台中文字符乱码
- 通过url方式传参jsp页面中文乱码
- Struts2/SpringMVC URL传参jsp 页面获取显示
- operamasks url传参 乱码, operamasks xhtml页面url 传参 中文乱码
- 一个BUG显示了IE7和IE6解析URL中中文参数能力的不同
- asp.net 页面通过URL传参中文乱码的三种解决方案
- IE浏览器,URL中有中文参数,在一个页面中接收此中文参数,显示时却乱码
- js跳转页面传参,参数值包含中文时显示乱码解决方案
- 前后端分离的j2ee的web项目,使用vue方式,即{{}}方式批量传入前端参数,遇到一个一个问题,页面上一开始有{{}},怎么处理?
- 弹出页面显示TreeView,点击节点(NavigateUrl)把选择的值赋给父窗体
- C# ASP.NET 页面之间传值传参中文乱码解决方法
- 两个页面跳转 url传中文 非法字符及乱码
- HTML页面渲染过程——在浏览器中敲入URL到完整渲染出来,经历的过程解析
- javascript通过url向jsp页面传递中文参数导致乱码解决方案