首页 > 其他分享 >JQuery 获取URL参数

JQuery 获取URL参数

时间:2024-01-04 10:07:55浏览次数:21  
标签:JQuery URL queryString date 参数 pair var params

JQuery 获取URL参数,JS 日期格式化,cookie 不存在,跳登录页

在 jQuery 中,可以使用 window.location.search 属性获取 URL 中的查询参数。该属性返回一个字符串,其中包含 URL 中的查询参数和对应的值。

下面是一个简单的示例,展示如何使用 jQuery 获取 URL 中的参数:

var queryString = window.location.search;
var params = {};

if (queryString) {
  var pairs = queryString.split('&');
  for (var i = 0; i < pairs.length; i++) {
    var pair = pairs[i].split('=');
    params[pair[0]] = pair[1];
  }
}

// 打印查询参数
console.log(params);

上述代码中,window.location.search 获取了 URL 中的查询参数,然后使用 split() 方法将查询参数分割成键值对,并将它们存储在 params 对象中。最后,使用 console.log() 打印出查询参数。

例如,如果 URL 是 http://example.com/?name=John&age=25,则上述代码将输出以下结果:

{ name: 'John', age: '25' }

定义参通用方法
common.js

//根据json中的日期格式,转换成yyyy-mm-dd HH:mm:ss
function DateFormat(cellval) {
    if (cellval == null || cellval == undefined || cellval == 'undefined')
        return '';
    var date = new Date(parseInt(cellval.replace("/Date(", "").replace(")/", ""), 10));
    var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
    var currentDate = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
    var hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
    var minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
    var seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
    return date.getFullYear() + "-" + month + "-" + currentDate + " " + hours + ":" + minutes + ":" + seconds;
}


function getParam() {
    var queryString = window.location.search;
    var params = {};

    if (queryString) {
        var pairs = queryString.split('&');
        for (var i = 0; i < pairs.length; i++) {
            var pair = pairs[i].split('=');
            if(pair.length>0){
                params[pair[0].replace('?','')] = pair[1];
            }
        }
    }
    return params;
}

URL add.html?id=25465bcb-a9b4-4785-9caf-8ca9561fd61e&name=ABC

<script type="text/javascript">
$(function(){
    if ($.cookie('LoginUser') === undefined) {
        top.location = 'login.html';
    }

    var params = getParam();
    console.log(params);
});
</script>

输出

{
    "id": "25465bcb-a9b4-4785-9caf-8ca9561fd61e",
    "name": "ABC"
}

作者:VipSoft


标签:JQuery,URL,queryString,date,参数,pair,var,params
From: https://blog.51cto.com/u_15116285/9095396

相关文章

  • 汽车之家车型车系配置参数采集示例
    汽车之家是一个提供车型信息的网站,如果您想采集车型、车系和配置参数等信息,可以使用网络抓取技术。以下是一个简单的示例,使用Python语言和BeautifulSoup库进行汽车之家车型车系配置参数的基本数据采集。请注意,这个示例只是一个入门级的例子,实际情况可能需要更多的处理和细化。i......
  • Shell特殊参数变量
    1.Shell变量1.1.本地变量定义shell变量,变量不需要加美元符`$`本地变量只在用户当前shell生存期中有效,如:1.2.变量定义1.2.1 变量名要求:字母、数字、下划线组成、可以是字母或是下划线开头,如:waynewayne_123......
  • 在Java HttpURLConnection库上编写一个下载程序下载美图秀秀的图片
    在JavaHttpURLConnection库上编写一个下载程序,该下载程序使用Kotlin下载https://xiuxiu.meitu.com/的内容,代码必须使用以下代码:代理主机:www.duoip.cn,代理端口:8000。importjava.io.BufferedReaderimportjava.io.InputStreamReaderimportjava.net.HttpURLConnectionimportjav......
  • Oracle中查看隐含参数的sql
    selecta.ksppinm"Parameter",a.ksppdesc"Description",b.ksppstvl"SessionValue",c.ksppstvl"InstanceValue"fromx$ksppia,x$ksppcvb,x$ksppsvcwherea.indx=b.indxanda.indx=c.indxanda.ksppinmlike'%hb......
  • javaScript中如何判断一个url有没有query
    JavaScript中如何判断一个URL有没有Query在JavaScript中,我们可以使用正则表达式或内置URL对象来判断一个URL是否包含查询参数(query)。本文将介绍两种方法,并附带代码示例来解决这个具体的问题。方法一:使用正则表达式我们可以使用正则表达式来判断URL中是否包含查询参数。以下是一......
  • java 注解默认参数
    Java注解默认参数实现流程引言本文将介绍如何在Java中实现注解的默认参数。注解是Java中一种元数据的形式,可以用来描述类、方法、字段等。通过给注解添加默认参数,可以在使用注解时不需要指定所有参数的值,从而简化代码编写。总体流程下面是实现Java注解默认参数的整体流程:flowc......
  • Python解析命令行参数
    Python解析命令行参数获取命令行参数在Python中命令行参数通过sys.argv传递,它是一个list类型,其中的元素为字符串。importsysdefcli_parser():print(f"参数个数:{len(sys.argv)}")print(f"参数列表:{str(sys.argv)}")print(f"脚本名:{sys.argv[0]}")for......
  • SpringMVC架构中Service层与Mapper层交互参数命名注意事项
    Service层代码begin、end、status为传入Mapper层getOrderSaleOp10方法的参数 GoodsSalesDTO中name、number是接收返回值的成员变量 Mapper层代码其中#{status}#{begin}#{end}与Service传入的map参数中元素名需要保持一致sql中查询的字段名需要与GoodsSalesDTO中成员变......
  • c++参数传递
    值交换传参voidswap(int,int)//值传递voidswap(int*,int*)//地址传递voidswap(int&,int&)//引用传递指针的指针传参#include<iostream>#include<string>voidfind2(chararray[],charsearch,char**ppa);usingnamespacestd;intmain(){ charstr[]......
  • Apipost一键压测参数化功能详解
    最近更新中Apipost对UI页面进行了一些调整,另外一键压测功能支持参数化!本篇文章将详细介绍这些改动!API调试页面的细节改动在请求区填入请求参数或脚本时会有相应的标识如在Query中填入多个参数时上方会展示数量在预、后执行脚本中写入脚本上方会有绿色小点标识一键压测参数化一键压......