博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
url传参(所传的参数为数字,汉字。获取该参数为汉字乱码)
阅读量:5110 次
发布时间:2019-06-13

本文共 1506 字,大约阅读时间需要 5 分钟。

用字符串拼接

例如:信息页跳转详情页

ajax请求遍历数据,找到要点击的标签添加点击事件,οnclick='transferEvent("+data[i].id+")',

传的值为汉字时:οnclick='transferEvent(\""+data.data[i].patientName+"\")';

function transferEvent(id){

  location.href='details.html?id='+id+'#name='+name;

}

详情页获取参数id:

方法1:jsp页面 <input type='hidden' id='userId' value='<%=id%>' />

方法2:var url=window.location.href;

    var id=parseInt(url.split("?")[1].split("=")[1]);

    var name=decodeURI(url.split("#")[1].split("=")[1]);//测试用户@肛肠科   //获取到的汉字为乱码时用decodeURI

    var cename=name.split('@');

    cename[0];//测试用户;

    cename[1];//肛肠科;

split的详细用法:

 

在.js页面出现乱码,该文件保存为utf-8.

 

如:传的参数为时间:20180723,显示页面上时格式为:2018-07-23

substring() 方法用于提取字符串中介于两个指定下标之间的字符。

substring() 方法返回的字符串包括 开始 处的字符,但不包括 结束 处的字符。

var url=window.location.href;

var time=parseInt(url.split("#")[1].split("=")[1]);
var orderDate=time.substring(0,4)+"-"+time.substring(4,6)+"-"+time.substring(6,8);

 

适应以下两种模式,来获取url参数值:

/User/vip_card_manager/useless/219/id/18
/User/vip_card_manager?useless=219&id=18
console.log(getQueryString("useless"));function getQueryString(name) {    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");    var reg_rewrite = new RegExp("(^|/)" + name + "/([^/]*)(/|$)", "i");    var r = window.location.search.substr(1).match(reg);    var q = window.location.pathname.substr(1).match(reg_rewrite);    if(r != null){        return unescape(r[2]);    }else if(q != null){        return unescape(q[2]);    }else{        return null;    }}

 

转载于:https://www.cnblogs.com/fanting/p/9339903.html

你可能感兴趣的文章
clipboard.js使用方法
查看>>
移动开发平台-应用之星app制作教程
查看>>
leetcode 459. 重复的子字符串(Repeated Substring Pattern)
查看>>
伪类与超链接
查看>>
centos 7 redis-4.0.11 主从
查看>>
博弈论 从懵逼到入门 详解
查看>>
永远的动漫,梦想在,就有远方
查看>>
springboot No Identifier specified for entity的解决办法
查看>>
慵懒中长大的人,只会挨生活留下的耳光
查看>>
"远程桌面连接--“发生身份验证错误。要求的函数不受支持
查看>>
【BZOJ1565】 植物大战僵尸
查看>>
视频:"我是设计师"高清完整版Plus拍摄花絮
查看>>
VALSE2019总结(4)-主题报告
查看>>
浅谈 unix, linux, ios, android 区别和联系
查看>>
51nod 1428 活动安排问题 (贪心+优先队列)
查看>>
中国烧鹅系列:利用烧鹅自动执行SD卡上的自定义程序(含视频)
查看>>
Solaris11修改主机名
查看>>
latex for wordpress(一)
查看>>
如何在maven工程中加载oracle驱动
查看>>
Flask 系列之 SQLAlchemy
查看>>