序列化的形式，但复选框数组转换为逗号分隔

Question

我有这样的形式：

<form id="filter_form"> 
    <select name="type"> 
     <option value="second">second</option> 
    </select> 
    <input type="checkbox" name="city[]" value="new_york" /> 
    <input type="checkbox" name="city[]" value="washington" /> 
</form> 

与此事件中的JS：

$('#filter_form').on('change', function() { 
     $.ajax({ 
      url: "properties", 
      method: 'GET', 
      data: $("#filter_form").serialize(), 
      success: function(result){ 
      } 
     }); 
    }); 

在这一刻网址是建立这样的：

properties?transaction_type=second&city%5B%5D=new_york&city%5B%5D=washington 

但我需要

properties?transaction_type=second&city=new_york,washington 

我该怎么做这个连接？

UPDATE编辑：

这种方法会帮助我，但我不能找到一种方法来实现：

array.map(function() { 
    return this.value; 
}).get().join(','); 

Answer 1

你不需要[]因为他们没有在任何语义含义这个背景。它们也是重复的，最好的做法是拥有独特的变量。

的开始删除这些，代之以city1和city2

这是一个_GET要求，你将能够从服务器中访问这些值作为city1和city2。

如果你想把它们组合成cities

您可以在JS客户端编写一个脚本，将它们组合成一个键/值对。

Answer 2

您可以将您的查询字符串URL中

properties?transaction_type=second&city=new_york,washington 

var data = 'transaction_type=' + <select_value> + '&city=' + <city_values>; 
$('#filter_form').on('change', function() { 
    $.ajax({ 
     url: "properties?" + data, 
     method: 'GET', 
     success: function(result){ 
     } 
    }); 
});