html 页面获取post参数,如何在html静态页面中获取请求参数和参数值(form)-程序员宅基地

技术标签: html 页面获取post参数  

如何在html静态页面中获取请求参数和参数值(form)?通过Location对象的search属性,可以获得从URL中传递过来的参数和参数值。然后在JavaScript 代码中可以处理这些参数和参数值。如下所示:

< head>

提交数据

< /head>

< body>

地址:

北京

上海

深圳

性别:

< /body>

< /html>

下面是处理请求的sample06_submit.htm

< head>

使用Location对象属性获取提交数据

//获取Location对象的search属性值

var searchStr = location.search;

//由于searchStr属性值包括“?”,所以除去该字符

searchStr = searchStr.substr(1);

//将searchStr字符串分割成数组,数组中的每一个元素为一个参数和参数值

var searchs = searchStr.split(“&”);

//获得第一个参数和值

var address = searchs[0].split(“=”);

switch (address[1])

{

case “beijing”:

document.write(“您选择的地址为:北京
”);

break;

case “shanghai”:

document.write(“您选择的地址为:上海
”);

break;

case “shenzhen”:

document.write(“您选择的地址为:深圳
”);

break;

}

//获得第二个参数和值

var sex = searchs[1].split(“=”);

switch (sex[1])

{

case “men”:

document.write(“您选择的性别为:男
”);

break;

case “women”:

document.write(“您选择的性别为:女
”);

break;

}

–>

< /head>

< body>

< /body>

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_42101641/article/details/117797940

智能推荐

2020.5.26 添加在平行驾驶模式下时间延时mqtt时间延时1.5s后退出接管进行刹车保护_mqtt延迟一般多少-程序员宅基地

1.问题刚开始增加mqtt时间延时1.5s后进行退出接管,退出接管后再次进行接管接管不上原因:当驾驶舱发送takeover命令后,就会等待接管成功,不再发送任何动作指令,而checkfault心跳帧每三秒才发送一次,在这个三秒内又没有新的命令发送,造成vehicle端认为1.5s内延时就会退出接管,造成接管不上,而vehicle端也存在逻辑上的问题,1.5s延时退出接管应该在接管成功后才开始执行,没有在平行驾驶模式下,此段代码不执行。修改:在mqttVehicle.c文件中的judgeT_mqtt延迟一般多少

Elasticsearch-IK分词器源码学习01-程序员宅基地

Elasticsearch-IK分词器源码学习01一、说明1、源码参考2、IDE3、Demo二、整体流程1、构建字典1.1、DictSegment类基本介绍1.2、DictSegment类lookforSegment()构建字典2、分词2.1、分词入口2.2、IKSegmenter类2.3、AnalyzeContext类2.3.1、fillBuffer()方法读取输入2.3.2、Lexeme getNextLexeme()方法2.4、CJKSegmenter类2.4.1、Hit类2.4.2、字符类型识别2._ik分词器源码

android porting usb audio,android - 在android中启动时找不到audio-hal-2-0 - 堆栈内存溢出...-程序员宅基地

我正在为Resenas Rcar-H3开发板构建android 9。 构建过程成功。 但是,在将映像刷新到电路板上之后,启动过程将无法正常进行。 audioserver由初始化进程重新启动,并通知一些错误,如下所示:[ 737.947862] init: Service 'audioserver' (pid 2734) exited with status 1[ 737.954674] ..._sending signal 9 to service

fsk包络检波matlab,基于simulink的2FSK信号包络检波解调的设计与实现_叶江流的博客-程序员宅基地

基于 S i mu I i nk的 2FSK信号包络检波解调的设计与实现 裴 禹豪, 曲毅,李锦 明 (武警工程大学研究生十四队,陕西西安,71 0086) 摘要 :基于 2FSK信号解调的原理 ,加入延迟、多径效应、AWGN条件 以模拟现实传输环境,建立了用包络检波实现 2FSK信号解调 的 simulink仿真模型,并在 simulink环境下进行仿真分析 。重点论述 了采用数字谐振器实现信号..._2fsk 建控法simulink

centos7 部署Apache服务器_在 centos 7 中,selinux 的安全上下文由身份识别、________ 和_______-程序员宅基地

飞翔科技 2017-09-04 16:24Apache程序是目前拥有很高市场占有率的Web服务程序之一,其跨平台和安全性广泛被认可且拥有快速、可靠、简单的API扩展。 它的名字取自美国印第安人土著语,寓意着拥有高超的作战策略和无穷的耐性,在红帽RHEL5、6、7系统中一直作为着默认的Web服务程序而使用,并且也一直是红帽RHCSA和红帽RHCE的考试重点内容。Apache服务程序可_在 centos 7 中,selinux 的安全上下文由身份识别、________ 和________ 3 个

随便推点

我热爱计算机作文450字,我爱我家作文450字(精选3篇)_靡菲斯托的博客-程序员宅基地

我爱我家作文450字(精选3篇)在平平淡淡的学习、工作、生活中,大家对作文都不陌生吧,作文要求篇章结构完整,一定要避免无结尾作文的出现。相信很多朋友都对写作文感到非常苦恼吧,下面是小编为大家整理的我爱我家作文450字(精选3篇),希望能够帮助到大家。我爱我家作文1我有一个幸福温馨的家,我的家庭成员分别是:外公、外婆、爸爸、妈妈和我。下面,我来为大家介绍一下我的大家庭。外公属猪,可我的外公不是一个懒..._爱我导到一个计算机

ORA-03297: 文件包含在请求的 RESIZE 值以外使用的数据-程序员宅基地

ORA-03297: 文件包含在请求的 RESIZE 值以外使用的数SQL> ALTER DATABASE DATAFILE'D:\ORACLE\ORADATA\ICAPP\IC_DATA6.ORA' RESIZE 300m;ALTER DATABASE DATAFILE 'D:\ORACLE\ORADATA\ICAPP\IC_DAT

jxl.jar的安装和使用简介-程序员宅基地

转自: http://huanqingblog.blog.sohu.com/63923742.html将jxl.jar拷贝到"%JREHOME%\lib\ext"目录下。jxl.jarInstallationJExcelApi comes packaged as a zipped tar file, called something like jexcela..._jxl.jar讲解

开发OpenCV+Qt+C++项目过程中遇到的问题及查找的答案-程序员宅基地

--------------------------------------社区版登录后就可免费使用教你如何解决VS2015的30天试用期已过即VS2015许可证已过期的问题-学习-工作生活-C++技术网 http://www.cjjjs.com/paper/gzsh/20151116103613163.aspxstudio 2015 key vs2015密钥 - keenweiwei的专栏-...

【Mac】nsurlsessiond 后台下载问题的解决方法-程序员宅基地

【Mac】nsurlsessiond 后台下载问题的解决方法_nsurlsessiond

ASP.NET MVC CodePlex Preview 4 安装包,代码及更新内容说明_c# codeplex.data-程序员宅基地

来自:http://blog.csdn.net/chsword/article/details/2670783 Pv3-Codeplex Pv4之间的差异:ViewPageViewPage类增加了InitHelpers方法ControllerController类 新实现了IAuthorizationFilter/IExceptionFilter接口_c# codeplex.data

推荐文章

热门文章

相关标签