Ajaxで送信する際のURLを変数にする場合の注意点を教えて下さい。

Question

ページの読み込み時に外部のphpで作った乱数（ワンタイムトークン）を取りたくて下記のコードを書きました

$.post( './functions/token.php', function(response){
	if(response){
		SecurityId = response;
	}else{
		location.reload();
	}
} );

（Jquery併用してます）
これは上手く行ったんです..

..で、 ローカルからどこのサーバーに移しても機能するように次のコードにしてみたんですが
うまく動いてくれません。

protocol = location.protocol;
host = location.host;
master_dir = protocol+host+'/pooo';
token_path = master_dir+'/functions/token.php';
//alert(token_path) ← アラートの表示は狙い通り「http://localhost/pooo/functions/token.php」
$.ajax({
	url: token_path,
	type: 'post',
	timeout: 10000,//←とりあえず１０秒
	success: function(response) {
		SecurityId = response;
	},
	error: function() {
		//location.reload();
	}
});

コンソールで確認してみると
jquery.js:4 POST http://localhost/pooo/addinfo/localhost/pooo/functions/token.php 404 (Not Found)
..ってなってるんです。
もう何時間も色々調べたんですが わっかりません！
よろしくお願いしますm(_ _;)m

Answer 1

location.protocol は http: か https: を返すので、protocol + host は https:example.com になりませんか？

【JavaScriptで現在のURLを取得する方法】
https://syncer.jp/javascript-reverse-reference/window-location

【window.location - Web API インターフェイス | MDN】
https://developer.mozilla.org/ja/docs/Web/API/Window/location

Comments

[退会済みユーザー]

kei334さん　ご無沙汰してます
いつもありがとうございます。
alertで表示する分には間違いなくprotocol + host は
おっしゃる通り「https:example.com」になるんですけど

ajaxに変数で入れると　なぜかおかしくなっちゃうんです....

追記です
WEBサーバーはレンタルのサブドメインで表示するので
ひとまず、ディレクトリ「pooo」はそのままで行こうかと思ってます。

[kei344]

https://example.com にならないと。（protocol + '//' + host）

[退会済みユーザー]

いままで気が付きませんでした(T~T)
ありがとうございます！

Answer 2

なぜURLが崩れるのかは分かりかねますが、以下で動かないでしょうか。
また、ブラウザとjQueryのバージョンは何を使用しているのでしょうか。

変数修正しました。

var protocol = "//",
    host = protocol + location.host,
    master_dir = host + 'pooo',
    token_path = master_dir + '/functions/token.php';

$.ajax({
  url: token_path,
  type: 'POST',
  timeout: 10000
})
.done(function(data) {
  console.log(data);
})
.fail(function(xhr, err, status){
  console.log(xhr);
});

Comments

[退会済みユーザー]

試してみましたけど
元のエラーと　
console.log(xhr);でページがフラッシュしている状態になりました^^;
ブラウザはchromeとIEで試してます。
Jqueryは1.11.1です

[mukkun]

すみません。。
window.location.href
ではホスト名の取得ができませんでしたね。。

var protocol = "//",
host = location.host,
master_dir = location + 'pooo',
token_path = master_dir + '/functions/token.php';

で投げられることを確認しました。

動かしてみてわかったのですが、
Ajax投げる際にurlが正しくない形式の場合、
自動でprotocol + host + "/" が先頭に付与されるみたいですね。

[kei344]

To: mukutaJapさん
> 自動でprotocol + host + "/" が先頭に付与されるみたいですね。
相対パスとして扱っているのでは？

[mukkun]

kei344さん
！
みたいです！localhost直下で動かしてみたので勘違いしたままになるとこでした。
ありがとうございます。