PHP URLで指定した値(+記号を含む文字列)をGETして変数に代入して使いたいが、+記号が認識されません

Question

<?php
if(isset($_GET['name'])) {
    $name = $_GET['name'];
    $s_name = $name;
}
?>

上記のようにnameを使ってURLから値を取得し、
その値をJavascriptに持っていき、

<script type="text/javascript">
var s_name = '<?php echo $s_name; ?>';
function getCSVFile() {
      var xhr = new XMLHttpRequest();
      xhr.onload = function() {
      createArray(xhr.responseText);
      };

      xhr.open("get", "http://サーバー名/test/" + s_name + ".csv", true);
      xhr.send(null);
  }

サーバー内のtestディレクトリ内に存在するcsvファイルを、
s_name変数を用いて指定して取ってきたいのですが、
このs_name変数内に格納されている文字列に+記号が入っているときに(例えばabc+1112)、
この+記号を認識してくれません。。

 xhr.open("get", "http://サーバー名/test/" + String(s_name) + ".csv", true);

と、String()を用いて文字列として認識してもらおうとしたのですが、うまくいきません。
どなたかご教示のほど、よろしくお願いいたします。

Answer 1

URL APIを使いましょう。

【URL API - Web API | MDN】
https://developer.mozilla.org/ja/docs/Web/API/URL_API

【URLSearchParams.set() - Web API | MDN】
https://developer.mozilla.org/ja/docs/Web/API/URLSearchParams/set

---

（一応補足）Stringを使うよりはencodeURIComponentで。

【encodeURIComponent() - JavaScript | MDN】
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent

【encodeURIComponentが世界基準だと誤解してた話 - Qiita】
https://qiita.com/shibukawa/items/c0730092371c0e243f62

Comments

[hachimitu_remon]

ご回答ありがとうございます。
URI APIの MDNを読んだのですが、難しくて。。
encodeURIComponentを使おうと思うのですが、

xhr.open("get", "http://サーバー名/test/" + encodeURIComponent(s_name) + ".csv", true);

という感じで使うのは間違えなんですかね。。
ソースを確認すると、％２０(スペース)と認識されていました。

[kei344]

encodeURIComponent('+')とすると"%2B"とかえります。なので、「'<?php echo $s_name; ?>';」の部分の出力されたHTML（ブラウザで「ページのソースを表示」）を確認してみてください。

Answer 2

PHPで、$_GETにはurldecode()した結果が格納されます。
よって+は (半角スペース)にデコードされます。

$ php
<?php
$query = 'bbb+ccc+ddd';
echo urldecode($query);

# 結果
bbb ccc ddd

無理やりですが、一度urlencode()してからrawurldecode()することで+のまま取得できます。

(php.net)rawurldecode

注意:

rawurldecode() は、プラス記号 ('+') をスペースに変換しません。urldecode() は変換します。

    $name = rawurldecode(urlencode($_GET['name']));

Comments

[hachimitu_remon]

ご回答ありがとうございます。
$name = rawurldecode(urlencode($_GET['name']));
をすることにより、無事解決することが出来ました！

[otn]

+が変換された空白か、%20が変換された空白か、区別付かないので、両方とも+になりますね。

[Y.H.]

はい。
厳密にやろうとすると、$_SERVER['QUERY_STRING']を自力でパースする必要があります。
結構邪魔くさいです。。。

[otn]

あ、いや、質問者がそれを認識できていればいいと思います。

Answer 3

encodeURIComponent(s_name)
とかしたらどうでしょう？

Comments

[hachimitu_remon]

ご回答ありがとうございます。

xhr.open("get", "http://サーバー名/test/" + encodeURIComponent(s_name) + ".csv", true);

として実行したのですが、うまくいかず、試しにソースを確認すると、％２０(スペース)と認識されていました。。