JQuery 获取URL参数

简介: JQuery 获取URL参数

在 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"
}
目录
相关文章
|
JavaScript
Jquery插件知识之Jquery.cookie实现页面传值
Jquery插件知识之Jquery.cookie实现页面传值
58 0
|
2月前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
31 1
|
JavaScript
jquery from表单提交
jquery from表单提交
53 0
|
JSON 前端开发 JavaScript
Javascript:jQuery的ajax请求get请求模板
Javascript:jQuery的ajax请求get请求模板
324 0
|
XML JSON 前端开发
jQuery(二) jQuery对Ajax的使用
学习使我快乐!嘿
154 0
|
JSON 前端开发 JavaScript
第111天:Ajax之jQuery实现方法
由于jQuery中的Ajax方法是用了内置的deferred模块,是Promise模式的一种实现,而我们这里没有讲过,所以我们就不使用这一模式啦。 我们只定义一个Ajax方法,他可以简单的get,post,jsonp请求就可以了。
1212 0
|
Web App开发 JavaScript
第83天:jQuery中操作form表单
操作form表单 1、 属性操作 设置属性: // 第一个参数表示:要设置的属性名称 // 第二个参数表示:该属性名称对应的值 $(selector).attr(“title”, “传智播客”); 获取属性: // 参数为:要获取的属性的名称,改操作会返回指定属性对应的值 $(selector).attr(“title”); 此时,返回指定属性的值 移除属性: // 参数为:要移除的属性的名称 $(selector).removeAttr(“title”); 注意:checked、selected、disabled要使用.prop()方法。
1053 0