美化$ _GET数组URL

Question

我正在尝试使用checkboxes

的普通表单发送<form action="" method="get"> <input type='checkbox' value='1' name='checkbox[]' value='1'> <input type='checkbox' value='2' name='checkbox[]' value='2'> <input type='checkbox' value='3' name='checkbox[]' value='3'> <button type='submit' name='submit'>Submit</button> </form>

Firefox: www.domain.com/page.php?checkbox[]=1&checkbox[]=2&checkbox[]=3
Chrome: www.domain.com/page.php?checkbox%5B%5D=1&checkbox%5B%5D=2&checkbox%5B%5D=3

现在，当我提交表单时，我会收到以下网址

www.domain.com/page.php?checkbox=1,2,3

两个网址似乎都不适合搜索引擎优化和易用性。

如何将网址转换为更漂亮，更简单的内容，如

{{1}}

Answer 1

Jquery / javascript ajax帖子。

留出一些JS，假设它或多或少是直观的。

$(document).on('submit','.form-class',function(e){
e.preventDefault();//stops all posts...
var checkboxes = $(this).find('input[name="checkbox"]');
if(checkboxes.length > 0)
{
  $.each(checkboxes,function(){
    //Loop through each to add to a string or array and concat with "," or explode and implode it with commas.
//Than do an ajax get/post to a url with query param of your choosing.
  });
}
});