Url路径获取方式与截取参数

本文详细介绍了如何使用JavaScript通过location对象来获取URL中的参数,包括协议、主机、端口、路径、锚点和查询字符串,并展示了两种截取和解析URL参数的方法。这些技术对于前端开发者处理URL和请求参数非常实用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

//测试的请求url, get方法  
//"http://localhost:8080/struts2/user/login.action?userid=1000#topic1"  
   
//获取请求协议  
location.protocol;    //返回"http:"  
   
//获取请求服务器域名(IP地址),   
location.hostname;    //返回"localhost"  
   
//获取请求服务器端口号  
location.port;        //返回"8080"  
   
//获取请求服务器的域名(IP地址)和端口号  
location.host;        //返回"localhost:8080"  
   
//获取请求资源名  
location.pathname;    //返回"/struts2/user/login.action"  
   
//获取锚点  
location.hash;        //返回"#topic1"  
   
//获取请求参数  
location.search;      //返回?userid=1000", 注意: 如果请求地址只有"?"后面却没有请求参数, 则返回空字符串  
   
//返回整个url地址, 包含以上所有信息  
location.href;        //返回"http://localhost:8080/struts2/user/login.action#topic1?userid=1000#topic1"  

截取参数

一:

截取Url里面的参数
function GetRequest() {
var url = location.search; //获取url中”?”符后的字串
var theRequest = new Object();
if (url.indexOf(“?”) != -1) { //判断是否有参数
var str = url.substr(1); //从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串
// alert(str);
strs = str.split(“&”);
for (var i = 0; i < strs.length; i++) {
// theRequest[strs[i].split(“=”)[0]] = decodeURI(strs[i].split(“=”)[1]);
var sTemp = strs[i].split(“=”);
theRequest[sTemp[0]]=(sTemp[1]);
}
}
return theRequest;
}

二:

var url = window.location.href;

var querys = url.substring(url.indexOf('?') + 1).split('&');
var result=[];
for(var i=0;i<querys.length;i++){
    var temp=querys[i].split('=');
    if(temp.length<2){
        result[temp[0]]='';
    }else{
        result[temp[0]]=temp[1];
    }
}
console.log(result);
var a=result['contractId'];
var b=result['procInsId'];

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值