如何从锚点 href 中获取值？

Question

我有一个类似 link 的锚点。使用 jQuery 可以在 URL 中获取“type”的值，并将其分配为同一页面中隐藏输入类型的值，而无需刷新页面。

Answer 1

$(function() {
    var val = $('a').attr('href').match(/type\=\d+/)[0].replace(/type\=/,'');
    $('input[type=hidden]').val(val);
});

示例：

var href = "/category/post/?type=234#content";
var filter = href.match(/type\=\d+/)[0].replace(/type\=/,'')
console.log(filter);

Answer 2

我刚才写了一个函数来获取查询字符串参数作为地图：

  /**
   * Gets the query parameters of the given URI as a associative array or map
   * e.g. Given a URI http://www.level3labs.com/jaf?foo=bar&baz=bazzm, will
   * give {"foo":"bar", "baz":"bazzm"}
   * @param {URI} strUri The uri with a query
   * @return Object containing query params or and empty object 
   */
  function getQueryParams(strUri)   {
     var paramMap = {};
     if(!strUri)   {
        return paramMap;
     }

     var strQuery = strUri.substring(strUri.indexOf("?"));

     if(strQuery.lastIndexOf("#") !== -1) {
        strQuery = strQuery.substring(0, strQuery.lastIndexOf("#"));
     }

     if(strQuery && strQuery.indexOf("?") === 0 && strQuery.length > 1) {
        strQuery = strQuery.substring(1);
        var paramValArr = strQuery.split("&");
        for(var i = 0, len = paramValArr.length; i < len; i++)   {
           var paramVal = paramValArr[i];
           var delimIdx = paramVal.indexOf("=");

           var param = null;
           var val = null;
           if(delimIdx >= 0) {
              param = unescape(paramVal.substring(0, delimIdx));
              val = unescape(paramVal.substring(delimIdx + 1));
           }else {
              param = unescape(paramVal);
           }
           paramMap[param] = val;
        }
     }
     return paramMap;
  }

这可以和下面的代码结合使用：

   var uri = $('a').attr('href');
   var params = getQueryParams(uri);

   $('input[type=hidden]').val(params["type"]));