jsからphpへ getメソッドによる多次元配列の送信方法

Question

###前提・実現したいこと
JavascriptからPHPに対して，XMLHttpRequestのgetメソッドでデータを送りたいのですが，多次元配列の送り方がわかりません．

###該当のソースコード
うまくいった方法

//うまくいった方法
var array = "hoge=hoge&fuga=fuga";
var xhr = new XMLHttpRequest();
xhr.open("GET","./hogehoge.php?"+array,true);

この，arrayの中のhogeを配列にしたいのですが，その実装方法がわかりません．

//うまくいかない方法
var hoge = ["a","b"];

var array = "hoge="+hoge+"&fuga=fuga";
var xhr = new XMLHttpRequest();
xhr.open("GET","./hogehoge.php?"+array,true);

「配列を渡せない」ということは理解できますが，その解決方法がどこを探しても見つからないので，教えてください．

Answer 1

配列で送る場合下記のようなURLになります。

【GET - 配列をget送信時のURI部分(30958)｜teratail】
https://teratail.com/questions/30958

http://sample/xxx?data[]=a&data[]=b&data[]=c

なので ?"hoge[]=a&hoge[]=b&" みたいになるように組んでみてください。

Comments

[Zapdos_1060]

ありがとうございました。無事解決しました。

Answer 2

GETパラメータでは指定できない文字というものが存在します。
どうしてもそれを指定したい場合には、エスケープをしてあげる必要があります

var array = "hoge="+hoge+"&fuga=fuga";
上記のarrayの内容を表示してみるとわかるかと思います。
したがって、encodeURIComponent を利用して変換します。
var array = "hoge="+encodeURIComponent(hoge)+"&fuga=fuga";

encodeURIComponent の詳細についてはググってみてください。