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

JQuery 获取URL参数

时间:2023-12-28 17:58:17浏览次数:34  
标签:JQuery URL queryString date 参数 pair var params

在 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"
}

标签:JQuery,URL,queryString,date,参数,pair,var,params
From: https://www.cnblogs.com/vipsoft/p/17933229.html

相关文章

  • Vue中$router.push()路由切换、如何传参和获取参数 和获取不到$router.push 参数问题
    路由的两种传参方式:  一:声明式<router-link:to="{path:'/login'}">Home</router-link> 二:编程式$router.push(...) //该方法的参数可以是一个字符串路径,或者一个描述地址的对象。不带参数写法://字符串(对应填写上面的path) this.$router.push('/login') //对......
  • Flink mysql-cdc连接器参数
    一、背景通过Flink同步mysql到iceberg中,任务一直在运行中,但是在目标表看不到数据。经排查发现jobmanager一直在做切片,日志如下:2023-12-2816:58:36.251[snapshot-splitting]INFOcom.ververica.cdc.connectors.mysql.source.assigners.ChunkSplitter[]-ChunkSplitterhas......
  • 某后台管理系统加密参数逆向分析
    前言在我们日常的渗透中经常会遇到开局一个登录框的情况,弱口令爆破当然是我们的首选。但是有的网站会对账号密码等登录信息进行加密处理,这一步不由得阻碍了很多人的脚步。前端的加解密是比较常见的,无论是web后台还是小程序,都常常存在加解密传输,签名防篡改等机制,会使很多渗透人......
  • Getx controller初始化携带参数
    不难的一个问题,写的时候一时间没反应过来。。。//声明controllerSomeControllerextendsGetxController{ finalStringid; finalString?name;SomeController({requiredthis.id,this.name});staticSomeControllergetto=>Get.find();initConfig(){ pr......
  • PostgreSQL pgbackrest 参数与优化 与 “小作文和售货员”
    最近热度最大的新闻,可能就是“小作文”和“售货员”,这里我特别想对曾经的某“售货员”曾经不经意说的一句话进行转载:“有些人很好奇,他们问我,谁给你写的那些小作文,我想说的是,如果公司能写好这样的句子,让我读的话,那么为什么公司不找一个长得比我更好看的主播来这里读,人们好像更愿意相......
  • Windows系统中Run对话框输入URL和IP地址的区别
    Windows系统中Run对话框输入URL和IP地址的区别在Windows系统中,我们可以通过Run对话框快速执行一些命令或者打开一些应用程序。当我们在Run对话框中输入URL(比如//www.baidu.com)和IP地址(比如\192.168.3.194)时,两者有一些区别。本篇博客将详细探讨这些区别。1.URL和IP地址的基本概......
  • Halcon 相机外部参数标定例程一(camera_calibration_external.hdev)
    1.create_calib_data—CreateaHALCONcalibrationdatamodel  创建一个HALCON校准数据模型2.read_cam_par—Readinternalcameraparametersfromafile  从文件中读取相机内部参数  3.set_calib_data_cam_param—Settypeandinitialparametersofa......
  • JVS低代码带你玩转列表页按钮的URL传参
    在当今的数字化时代,列表页作为信息展示的重要载体,JVS低代码提供列表页按钮的触发URL地址传参功能。这一功能不仅简化了操作流程,还为用户提供了更加个性化的服务。列表页按钮触发URL地址传参示例说明:配置入口:列表设计→添加按钮→按钮类型(内嵌地址、外链地址)→设计通过配置入口,用户......
  • css+jquery右下角弹框提示框(工作需要就开发调式了)
    使用时调用:addTip();setTimeout("closeTip();",1000);setTimeout("removeTip();",2000); //添加提示框functionaddTip(){vartip="<divid='tip'>"+"<divclass='tip-header'>提示......
  • Boto3按名字搜索AWS Image并返回Image的相关参数 (Python)
    文章目录小结问题及解决参考小结本文记录使用Python脚本和Boto3按名字搜索AWSImage并返回AWSImage的相关参数。问题及解决记得操作之前拿到相应的权限:exportAWS_ACCESS_KEY_ID="xxxxxxxxxxxxxxxxxxxxxxxxxx"exportAWS_SECRET_ACCESS_KEY="yyyyyyyyyyyyyyyyyyyyyyyyyyyy"e......