博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用Javascript获得网页中通过GET方法提交的参数
阅读量:5360 次
发布时间:2019-06-15

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

下面我将写出一个函数,用来获取GET方法提交的参数

function getParameter(parameterName){    var string = window.location.search;    var indexStart = string.indexOf(parameterName+"=");    if(indexStart==-1)        return false;    var result = string.slice(indexStart+parameterName.length+1);    var indexEnd = result.indexOf("&");    if(indexEnd!=-1)        result = result.slice(0,indexEnd);        return decodeURI(result);}
完整代码

下面我将一步步讲解每步的作用。

假设我们的URL是www.****.com?a=1&bc=23&d=5,而我们想要取bc的值

var string = window.location.search;

  这一步,将URL中“?”后面的字符串,也就是"a=1&bc=23&d=5"保存在变量string中。

var indexStart = string.indexOf(parameterName+"=");if(indexStart==-1)     return false;

  这一步,将寻找"bc="在string中首次出现的位置,如果没有找到"bc=",那么将结束函数并返回false。

var result = string.slice(indexStart+parameterName.length+1);

  这次,我们将"bc="后面的所有字符都保存在result变量中。当然这只是我们最终结果的开头部分。

var indexEnd = result.indexOf("&");    if(indexEnd!=-1)        result = result.slice(0,indexEnd);

  这次我们来寻找result中结束的地方,通常来讲都是都是"&"符号作为结束的地方。当然,如果本身就是在string中作为最后一个参数,比如"d=5"这个,那么我们之前的result就已经是正确的结果了,不需要这一步了。

return decodeURI(result);

  最后我们返回result作为最终的结果。由于如果参数中又中文的话,会出现乱码,所以我们在这里加上一个decodeURI函数来返回正确的中文字符。

好了,到这里,我们就已经大功告成了!

 

转载于:https://www.cnblogs.com/zhaoX/p/4660308.html

你可能感兴趣的文章
spring注入Properties
查看>>
jmeter(五)创建web测试计划
查看>>
python基本数据类型
查看>>
1305: [CQOI2009]dance跳舞 - BZOJ
查看>>
将html代码中的大写标签转换成小写标签
查看>>
jmeter多线程组间的参数传递
查看>>
零散笔记
查看>>
MaiN
查看>>
信息浏览器从Android的浏览器中传递cookie数据到App中信息浏览器
查看>>
linux下部署一个JavaEE项目的简单步骤
查看>>
hash储存机制
查看>>
Road Map
查看>>
HI3531uboot开机画面 分类: arm-linux-Ubunt...
查看>>
制作U盘启动CDLinux 分类: 生活百科 ...
查看>>
strcpy函数里的小九九
查看>>
搭建ssm过程中遇到的问题集
查看>>
OpenLayers绘制图形
查看>>
tp5集合h5 wap和公众号支付
查看>>
Flutter学习笔记(一)
查看>>
iOS10 国行iPhone联网权限问题处理
查看>>