javascript - 如何使用 jquery 将 URL 字符串分成几部分并插入到变量中

Question

我有一个网址:

http://example.org/collections/inventory/cf-size-m+cf-type-capri+cf-vendor-manduka 

我使用此脚本获取 URL 参数并将它们插入到变量中:

 <script>      
 var getUrlParameter2 = function getUrlParameter(sParam) {
    var sPageURL = decodeURIComponent(window.location.search.substring(1)),
        sURLVariables = sPageURL.split('&'),
        sParameterName,
        i;
    for (i = 0; i < sURLVariables.length; i++) {
        sParameterName = sURLVariables[i].split('=');
        if (sParameterName[0] === sParam) {
            return sParameterName[1] === undefined ? true : sParameterName[1];
        }
    }
};
var name = getUrlParameter2('myvar');  
             $("#Inventory").html(name);                          
      document.write('<p>URL: '+name+'</p>');
      </script> 

当我有这样的东西时它会起作用:

`http://example.org/collections/inventory/?myvar=resultsblabla`

所以回到上面的 URL:

http://example.org/collections/inventory/cf-size-m+cf-type-capri+cf-vendor-manduka

我想要其中 cf-size 变量和 m 值，如此继续所有其他操作。

如果有不清楚的地方，请告诉我，以便我可以再次修改问题。感谢您的帮助。

Answer 1

您可以使用以下 JavaScript 代码来完成此操作:

var url = "http://example.org/collections/inventory/cf-size-m+cf-type-capri+cf-vendor-manduka";

var lstIdxOfSlash = url.lastIndexOf("/");
var paramPart = url.substring(lstIdxOfSlash + 1);
var paramValArray = paramPart.split("+");

var keyValPair = {};

for (var i = 0; i < paramValArray.length; i++) {

  var lstIdxOfDash = paramValArray[i].lastIndexOf("-");
  
  var key = paramValArray[i].substring(0,lstIdxOfDash);
  var val = paramValArray[i].substring(lstIdxOfDash+1);
                                       
  keyValPair[key] = val;                                 
}

console.log(keyValPair);