js原生解决页面传值(乱码获取不到等)问题

最新推荐文章于 2023-01-06 17:56:57 发布
最新推荐文章于 2023-01-06 17:56:57 发布
阅读量309 收藏
点赞数
分类专栏： js高级
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rgpbrave/article/details/106671414
版权

进行页面传参时，里面有特殊符号或者有嵌套双引号等这类的，这个时候传参获取不到，或者有乱码问题，我们可以用转码来传递这类的参数值

//传递的页面  把传递的值进行编码
var send = btoa(encodeURI(string));
//接收的页面  把接收来的值进行转码
var receive = decodeURI(atob(send));

encodeURL/decodeURL : 不能编码!，#，$，&，’，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-Z

btoa/atob:不能编码Unicode字符
所以他俩结合完美适配！！！

rgpbrave
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决Java原生压缩组件不支持中文文件名乱码的问题
08-31
解决Java原生压缩组件不支持中文文件名乱码的问题 Java原生压缩组件不支持中文文件名乱码的问题是一种常见的问题， especialmente when dealing with file names that contain Chinese characters. 在Java中，Zip...
利用原生JavaScript获取元素样式只是获取而已
10-25
原生JavaScript获取样式，是获取样式，不是设置样式。若没有给元素设置样式值，则返回浏览器给予的默认值
原生js获取页面传值
Dilemma_me的博客
12-05 754
function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); //匹配目标参数 ...
两个原生JS跨页面传值的小方法
白瑕 的博客
07-28 3640
文章目录前言一、localStorage本地存储二、URL传值总结 这会不会是今天写的最简单的一篇文…? 前言 今天在学校做2020年的题,碰到一个需求:用户在这个页面选择了症状,需要在下一个页面显示出用户选择的项; 这,这就触及到我的知识盲区了… 我突然想到前几天写Vue用了localStorage,总算是没空着,但还是想知道会不会有更好的方法. 一、localStorage本地存储 不能用sessionStorage,sessionStorage在当前会话关闭之后会进行销毁,存储的东西在下个页面全是
js页面传值
iFlyingCoder的博客
02-25 1151
//发送数据 //从本页面获取数据 var url; function GetData(obj,tr) { var LogID = document.getElementById("txtLogID").value; var FHSRID = document.getElementById("txtFHSRID").value; var DeviceName = do
js事件处理函数传值
weixin_42169395的博客
12-23 819
js事件处理函数传值 https://blog.csdn.net/a1059526327/article/details/106392305/ 1. HTML事件处理程序 在最早的HTML事件处理程序中我们可以直接传入多个参数: <div id="btn" onclick="clickBtn(event,2)">任务总数</div> <script> function clickBtn(event,val){ console.log(event)
ajax原生传值,原生js---ajax---post方法传数据
weixin_34858011的博客
08-05 324
姓名：年龄：点击var btn=document.getElementById("btn");btn.=function(){var userval=document.getElementById("user").value;var ageval=document.getElementById("age").value;//1.创建ajax对象(此处兼容性的创建)var xhr=null;try{...
原生JS上传文件，获取文件二进制数据及文件大小和文件名称
07-07
在前端开发中，上传文件是一项...总之，原生JavaScript提供了一套完整的API来处理文件上传，这使得开发者可以根据具体需求自由定制功能，而不受第三方库的限制。熟练掌握这些技术，对于前端开发者来说是非常重要的。
原生JS实现获取及修改CSS样式的方法
10-18
本文将详细讲解如何使用原生JS来获取和修改CSS样式，包括行内样式、内部样式以及外部样式，同时也会涉及浏览器兼容性问题。 一、行内样式获取 行内样式是直接在HTML元素的`style`属性中定义的样式。例如： ```html ...
使用JS获取页面上的所有标签
10-17
在网页开发中，JavaScript（JS）是一种常用的脚本语言，用于与用户交互和处理动态内容。本文将详细探讨如何使用...希望这篇文章对您了解和使用JavaScript获取页面标签有所帮助，如果有任何问题，欢迎留言讨论。
JS传值出现中文参数乱码的解决方法
11-22
本文实例讲述了JS传值出现中文参数乱码的解决方法。分享给大家供大家参考，具体如下： function PopupFK(cNum,type){ var url = "contract!Paying.action"; url = url + "?contract.contractNum="+cNum+"&payingType="+type; // if(isEmpty($(_this).attr("payId"))){ // url = url + "&s_paymentId="+paymentId; // url = url + "&s_paymentDtlId="+paymentDt
js传递中文乱码
09-30
js向服务器端传递中文时乱码，搜索是可以通过这个解决乱码问题，包括传值乱码
网页获取JSON中文返回乱码解决方案（java + js）
07-31
解决所有双字节字符串json返回乱码问题，返回数据如果已html形式显示，无需做任何处理，如果是在alert中，或在文本框中，用附带的js中的方法处理一下即可。
兄弟组件传值（同时解决接受的页面收不到数据）
qq_54030660的博客
01-06 273
兄弟组件传值（同时解决接受的页面收不到数据）
js获取不到动态添加的标签的值的解决方法
weixin_30347009的博客
09-18 1018
遇到了js无法获得动态添加的标签的值，百度了一番，最后自己解决了问题，但是原理现在还不怎么明确。 $("input[id='txtAttValue']").each(function (i) { if ($(this).val().trim() == "") { $("span[id='error']").eq(i).css("display", "block")...
html文本encode后，js获取参数失败的bug
weixin_34315189的博客
04-13 273
html中的空格encodeURIComponent后变成%C2%A0，而js中的空格是'%20'，二者无法匹配，所以要进行一次替换 转载于:https://www.cnblogs.com/coderhero/p/8818932.html
js url 页面传参数以及获取参数 有中文
dashen_me的博客
01-11 248
传参数: 不让中文乱码  encodeURI（）这个方法 window.open("detail?name1=" + encodeURI(filename) + "&amp;name2=" + encodeURI(functionname)) 获取参数： var afterUrl = window.location.search.substring(1);  //这是获取url后面的值  ...
解决: js向后台传参数出现乱码
iteye_17979的博客
08-03 100
前台js代码块中对各个变量进行编码处理如下: var typeselect = form2.typeselect.value; //var typeselect = document.getElementById('typeselect').value; //怎么获得值得自己用自己的方式, 不一定要像我酱紫.. typeselect=encodeURI(typeselect); ...
原生JS 获取跳转到当前页面的request数据
最新发布
05-20
在JavaScript中，可以通过`window.location.search`获取当前页面的请求数据，例如URL为`http://www.example.com?key1=value1&key2=value2`，则`window.location.search`的值为`?key1=value1&key2=value2`。 我们可以将`window.location.search`的值进行解析，获取每个参数的键值对。以下是一个示例代码： ``` function getRequestParams() { var search = window.location.search.substring(1); var params = search.split('&'); var result = {}; for (var i = 0; i < params.length; i++) { var param = params[i].split('='); result[param[0]] = decodeURIComponent(param[1]); } return result; } var requestParams = getRequestParams(); ``` 这样就可以获取到跳转到当前页面的请求数据并解析成键值对的形式。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值