私のJSは、テキストエリアにYouTubeリンクが存在するかどうかを確認します。URL を JS にエコーバックする PHP ファイルに URL を送信し、結果を追加します。
私の場合、返されたデータが2回印刷(または追加)されています。
テキストエリアに YouTube のリンクを入力した場合、http://www.youtube.com/watch?v=iol0B-clFFM
このリンクをgetyoutube.phpにステータスとともに送信します。200 OK
Request URL:<website> /getyoutube.php?url=youtube.com/watch?v=iol0B-clFFM
Request Method:POST
Status Code:200 OK
Request Headersview source
Accept:*/*
User-Agent:Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/30.0.1599.101 Safari/537.36
X-Requested-With:XMLHttpRequest
Query String Parametersview
url:youtube.com/watch
PHPファイルはURLをエコーするだけで、これが私が得た応答です。
この結果は JS によって取得され、この結果が html 要素に追加されます。しかし、追加されているデータは2回印刷されています
[これは私の JS です]
$(document).ready(function(){
var youtube = //regex
var getUrl = $('#url');
getUrl.keyup(function() {
if (youtube.test(getUrl.val())) {
var youtube_url = getUrl.val().match(youtube)[0];
$.post("./includes/getyoutube.php?url="+ youtube_url, {
}, function(response){
$('.echotest').append(response);
});
}
});
tldr: POST 経由でデータを php ファイルに送信し、データをエコー バックします。私のJSによってデータが2回印刷されています。
[アップデート]
追加alert(response)
したところ、2 つのアラートが表示されました。次々と。success function
私が2回ループしているように見えますか?理由がわからない。