的Javascript查詢字符串轉換成JSON使用jQuery和回查詢字符串

Question

希望你會發現下面的函數可用於查詢字符串轉換成JSON對象

var queryStringToJSON = function (url) { 
    if (url === '') 
     return ''; 
    var pairs = (url || location.search).slice(1).split('&'); 
    var result = {}; 
    for (var idx in pairs) { 
     var pair = pairs[idx].split('='); 
     if (!!pair[0]) 
      result[pair[0].toLowerCase()] = decodeURIComponent(pair[1] || ''); 
    } 
    return result; 
} 

用法：

爲了獲得當前窗口查詢串

var result = queryStringToJSON() // without any parameter 

從自定義查詢字符串得到JSON：

var result = queryStringToJSON('?name=prem&age=30&HEIGHT=5.8') 

輸出：{name:"prem", age:"30", height:"5.8"} //All keys are converted into small letters

要將其轉換回網址，你可以使用jQuery的PARAM方法

$.param(result) 

爲了操縱您的查詢字符串在JavaScript中，你可以簡單的使用標準對象操作並再次使用$ .param方法

result.age=35; 
delete result['name']; 

Answer 1

工作，但如果你使用url || location.search那麼你應該刪除if(url === '') return ''也應該是這樣，

var queryStringToJSON = function (url) { 
    url = url || location.search;// url or location.search 
    if (url === '') 
     return '';// return if url and location.search not found 
    // your remainig code 
} 

Answer 2

或者...而不是：

for (var idx in pairs) { 
    var pair = pairs[idx].split('='); 
    if (!!pair[0]) 
     result[pair[0].toLowerCase()] = decodeURIComponent(pair[1] || ''); 
} 

嘗試：

result = pairs.reduce(function(a,b) { 
    var pair = b.split("="); 
    a[pair[0].toLowerCase()] = decodeURIComponent(pair[1] || ''); 
    return a; 
},{}); 

工作原理相同，但使用原生JavaScript函數reduce()，速度可能更快。