jQuery 解析 url 参数

应用场景:

三毛:我现在拿到一个 url 地址(https://www.google.com/search?dcr=0&ei=5C&q=param),我现在要获取 location.search 后的参数,并组成一个对象,{dcr: ‘0‘, ej: ‘5C‘, q: ‘param‘},怎么处理?

五毛:呃,稍等,我去谷歌一下

谷歌结果:

// 解析 url 参数
(function($) {
    var re = /([^&=]+)=?([^&]*)/g,
        decodeRE = /\+/g,
        decode = function (str) { return decodeURIComponent( str.replace(decodeRE, " ") ); };

    $.parseParams = function(query) {
        let params = {}, e;

        while ( e = re.exec(query) ) params[ decode(e[1]) ] = decode( e[2] );
        return params;
    };
})(jQuery);

如何使用:

$.parseParams(location.href.split(‘?‘)[1] || ‘‘);

举个栗子:

var url = ‘https://www.google.com/search?dcr=0&ei=5C&q=param‘, // 模拟的 url 地址
    param = $.parseParams(url.split(‘?‘)[1] || ‘‘); // 解析问号后的 url 参数
console.log(param);  // {dcr: "0", ei: "5C", q: "param"}

原文地址:https://www.cnblogs.com/lpbottle/p/8117371.html

时间: 2024-08-02 12:49:43

jQuery 解析 url 参数的相关文章

【Jquery】jQuery获取URL参数的两种方法

jQuery获取URL参数的关键是获取到URL,然后对URL进行过滤处理,取出参数. location.href是取得URL,location.search是取得URL"?"之后的字符串,也就是说参数部分. 方法一: function request(paras){ var url = location.href; var paraString = url.substring(url.indexOf("?")+1,url.length).split("&a

jquery 获取URL参数并转码的例子

通过jquery 获取URL参数并进行转码,个人觉得不错,因为有时不转码就会有乱码的问题.jquery 获取URL参数并转码,首先构造一个含有目标参数的正则表达式对象,匹配目标参数并返回参数值代码: <script type="text/javascript"> $(document).ready(function(){ var pic_url=getUrlParam("picture"); $("#childpic").attr(&

转:使用jquery获取url以及jquery获取url参数的方法

转:使用jquery获取url以及jquery获取url参数的方法 使用jquery获取url以及jquery获取url参数的方法

使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作

1.jquery获取url很简单,代码如下 复制代码代码如下: window.location.href; 其实只是用到了javascript的基础的window对象,并没有用jquery的知识 2.jquery获取url参数比较复杂,要用到正则表达式,所以学好javascript正则式多么重要的事情 首先看看单纯的通过javascript是如何来获取url中的某个参数 复制代码代码如下: function getUrlParam(name){var reg = new RegExp("(^|&

正则表达式解析url参数

解析url参数正则:(?<=\?|&)[\w\={},:''""]*(?<=[^#]) 正好项目中要用到 捣鼓了好久还是不会.最终放弃使用split分割的方式解析发现好落伍 public static NameValueCollection QueryString(string path) { if (string.IsNullOrEmpty(path)) { return null; } var arr=path.Split(new char[] { '?' },

jquery 获取URL参数并转码

代码如下: <script type="text/javascript"> $(document).ready(function(){ var pic_url=getUrlParam("picture"); $("#childpic").attr("src",pic_url); var content=getUrlParam("content"); $("#content")

解析URL参数

/** * 解析url参数 * @example ?id=12345&a=b * @return Object {id:12345,a:b} */ export function urlParse () { let url = window.location.search; let obj = {}; let reg = /[?&][^?&]+=[^?&]+/g; let arr = url.match(reg); // ['?id=12345','&a:b'] i

jquery获取url参数及url加参数的方法

转--http://www.jb51.net/article/73896.htm <script src="js/jquery-1.7.2.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { //方法二: (function ($) { $.getUrlParam = function

jquery 获取url 参数方法 以及 解决url中文问题

//jQuery 动态给a 标签赋值 跳转 新的页面打开. /* <a class="btn btn-success" id="test" target="_Black" >点击查看列表 >></a> */ 此时需要双层 encodeURI(encodeURI()); $('#test').on('click',function(){ var batch =$('#zhongwen').val(); //获得中