如何在javascript中拆分数组的查询字符串

时间:2015-03-28 22:14:36

标签: javascript php arrays split query-string

我使用cookie和查询字符串将数据从一个页面传递到另一个页面。这是我的代码,我在点击按钮时成功编码了URL字符串。

$('#editListButton').click(function(){  

    var orderCookie = getCookie('ordercookie');
    var cookieArray = JSON.parse(orderCookie);

    for (i = 0; i < cookieArray.length; i++) { 
        urlString += cookieArray[i].toString();
    }

    window.location.href = "http://localhost:8888/abc.php?action=remove&value&=" + 
    encodeURIComponent(urlString);   //cookie value 

});    

最终网址如下; http://localhost:8888/abc.php?action=remove&value&=6.25usd%20-%201%20Unit%20%20Ta%20Ft%20ItemA%20ItemB13usd%20-%202%20Unit%20Fiesta

在另一页上,我试图解码此网址,我需要在数组中分隔项目。数组的元素应该是;

array [0] = 6.25usd%20-%201%20Unit%20%20Ta%20Ft%20ItemA%20ItemB
array [1] = 13usd%20-%202%20Unit%20Fiesta

下面的代码仅针对第一个元素正确运行,实际上无论我做什么都无法生成数组。它将整个url作为唯一元素。我需要一种方法来拆分这个url以将项目放入数组中。

   <script>

        var action = /(?:\?|&)action=([^&$]+)/.exec(location.search);
        if ('remove' === action[1]) {
            var value = /(?:\?|&)value&=([^&$]+)/.exec(location.search);
            $('#defaultText').remove();
            for (i = 1; i < value.length; i++) { 
                alert(value[i]);
                $('#orderList').append('<p>' + value[i].toString().replace(/%20/g, " ")  + '</p>' + '<br>');
            }
        }  

  </script>

2 个答案:

答案 0 :(得分:1)

这段代码解决了我的问题。

            var url = location.toString();
            var res = decodeURIComponent(url.split(/\?|=/).slice(-1));
            var idx = [];
            var arr = [];
            var i = 0;
            var z = 0;

            do {
               z = res.indexOf("," ,z+1);
               if (z > -1){
                    idx[i] = z;
                    i++;
               }
            } while (z > -1)

            for (i = 0; i < idx.length; i++){
                if(i === 0){
                    arr.push(res.slice(0, idx[i]));  
                } else {
                    arr.push(res.slice(idx[i-1]+1, idx[i]));  
                }
            }

            $('#defaultText').remove();
            for (i = 0; i < arr.length; i++) { 
                $('#orderList').append('<p>' + arr[i].toString() + '</p>');
            }

答案 1 :(得分:0)

尝试

var url = "http://localhost:8888/abc.php?action=remove&value&=6.25usd%20-%201%20Unit%20%20Ta%20Ft%20ItemA%20ItemB13usd%20-%202%20Unit%20Fiesta";
var res = decodeURIComponent(url.split(/\?|=/).slice(-1));
var idx = res.indexOf("B");
var arr = [];
arr.push(res.slice(0, idx + 1));
arr.push(res.slice(idx + 1));
console.log(arr);