將查詢字符串轉換爲url

Question

我是新來操縱url字符串。

Bascially我有一個用戶可以填寫大量輸入的表單。在提交的URL格式是像這樣：

search.html?goingToArea=Yorkshire&leavingOn1=2013-11-26 

請告訴我刪除goingToArea和leavingOn1，並更換=帶/最好的方法，使我見過要麼轉換

..Yorkshire/2013-11-26/... 

大多數示例一個查詢字符串的URL（與我的問題相反），或者他們返回一個JSON對象，而不是一個URL。我看過RegEx和jquery BBQ。這是正確的路嗎？它的移動網站incase有助於任何建議。謝謝

Answer 1

使用JavaScript 「替換」 功能和正則表達式：

var urlString = "search.html?goingToArea=Yorkshire&leavingOn1=2013-11-26"; 
    urlString = urlString.replace(/\?(.+?)=/i, '/'); 
    urlString = urlString.replace(/\&(.+?)=/i, '/'); 

    console.log(urlString); 
    // return => "search.html/Yorkshire/2013-11-26" 

第一操作「之間換成新的？ 「和「/」（開頭或URL）的「=」。

第二個操作用「/」（URL的其餘部分）替換「&」和「=」之間的所有內容。

Answer 2

你可以使用正則表達式，但這裏是一個非正則表達式的解決方案。不是很優雅，但它應該工作。

var splitted = "search.html?goingToArea=Yorkshire&leavingOn1=2013-11-26".split('&'); 
var place = splitted[0].split('=')[1]; 
var date = splitted[1].split('=')[1]; 
console.log(place + '/' + date); 

JSFIDDLE DEMO

顯然，這種假設URL是正確的順序。即如果goingToArea & leavingOn1在URL中互換，這將不起作用。

Answer 3

var qs = url.substring(url.indexof('?') + 1); 
var p = qs.split('&'); 
var res = []; 
for(var i=0; i < p.length; p++) { 
var required_val = p.split('=')[1]; 
res.push(required_val); 
} 

var ans = url.substring(0, url.indexof('?')) + res.join('/'); 

Answer 4

爲什麼你想在JS中做到這一點？

最好的方法是使用網絡服務器重寫。

所以，如果你使用的是Apache HTTP服務器，看看mod_rewrite的這裏 - http://httpd.apache.org/docs/current/mod/mod_rewrite.html