0

私の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回ループしているように見えますか?理由がわからない。

4

1 に答える 1