宝哥软件园

JS表单传值和统一资源定位器编码转换

编辑:宝哥软件园 来源:互联网 时间:2021-09-01

注意:

这里写了两个网页

因为统一资源定位器传过去的数据不支持中文字符和一些特殊符号所以需要转换一下编码

实现效果:网页一的表单数据传到网页2并显示出来

网页一代码如下:

!DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' meta name=' viewport ' content=' width=device-width,initial-scale=1.0 ' meta http-equiv=' X-UA-Compatible ' content=' ie=edge ' title document/title/head body!- test_form.html为需要发送数据到的网页,https://idao bin。com/test/test _ form。html-!-表单数据将通过方法属性附加到统一资源定位器上- !-提交表单提交到另一个网页-表单操作='test_form.html '方法='GET' target='_blank '账号:输入类型="文本"名称="代码“br姓名:输入类型=“text”名称=“str”br输入类型='提交'/表单/正文/html网页2代码如下:

!DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' meta name=' viewport ' content=' width=device-width,initial-scale=1.0 ' meta http-equiv=' X-UA-Compatible ' content=' ie=edge ' title document/title script type=' text/JavaScript ' src=' http : jquery-3。2 .1 .js '/脚本!-网址编码转换,只对第二个输入框转换-脚本窗口。onload=function(){ var a=document。getelementbyid(' str ').innerTextvar b=(decodeURIComponent(a));document.getElementById('str ').内部文本=b;} //以下是框架代码//$(函数(){ //var c=$('#str ')).text();//var d=(decodeURIComponent(c));//$('#str ').案文(d );//});/脚本/头体p提交过来的数据页面/p账号:span id='code'/spanbr姓名:span id='str'/span /body!-获取表单传过来的数据-脚本函数urlsearch(){ var name,value var str=location . href var num=str . indexof('?');str=str。substr(num 1);var arr=str。split(');for(var I=0;长度;i ){ num=arr[i].indexOf('=');if(num0){ name=arr[i].子串(0,num);值=arr[i].substr(num 1);这个[名字]=值;} } } var Request=new urlsearch();document.getElementById('代码').innerHTML=request . codedocument . getelementbyid(' str ').内部html=Request.str/script/html运行后:

本文转载于:https://www .伊道宾。com/archives/276。超文本标记语言

更多资讯
游戏推荐
更多+