私の場合は一度だけAJAXコールを送信する

Question

このロジックの書き方については混乱します。 私が探しているのは、ビデオが再生されているときで、ビデオ視聴率が2％を超える場合は、AJAXリクエストを1回送信したいとします。しかし、実際に起こっていることは、それは私が=（より大きい）の代わりを>（等しい）を記述する場合、私は丸めておりませんので、それがトリガされていない2％から100％まで

をトリガーし続けますです小数点以下の桁数はトリガーされません。どのようにこのシナリオでこのロジックを書くことができますか？ AJAXリクエストは1回だけ送信する必要があります。

var j = 0; 
$("#video").bind("timeupdate", function() { 
    var currentTime = this.currentTime; 
    var totalPlayed = 0; 
    var played = video.played; 
    for (var i = 0; i < played.length; i++) { 
    totalPlayed += played.end(i) - played.start(i); 
    var playedInPercentage = (totalPlayed/totalTime)*100; 
    } 
/*here i want to write a logic to send this lowered only once.*/ 
    if (totalPlayed > 0.02*(totalTime)) { //watched 2% and above then this will excute 0.02(2%) 
    alert("asdsad"); 
    if(j < 1) { 
     /* Ajax call video watched starts here it should trigger only once*/ 
     $.ajax({ 
      url: "student_learning_controller.php", 
      method: "POST", 
      data: {'action': 'videoWatched', 'course_id': course_id,'videoId' : videoId,'totalVideoTime':totalTime,'totalPlayedTime':totalPlayed,'percentagePlayed':playedInPercentage }, 
      dataType: "json", 

      success: function (response) { 
       if (response["success"] == true) { 
        $("#success_message").html(response["message"]);  

       } 
      }, 
      error: function (request, status, error) { 
       $("#warning_message").show(); 
       $("#warning_message").html("OOPS! Something Went Wrong Please Try After Sometime!"); 
      } 
     }); 
     /* Ajax call video watched ends here */ 
    } 
    j += 1; //Reset for duplicates (repeated playback) 
} 
});  

Answer 1

"if"の前にvar triggered = 0;を使用できます。その後、

そして

なった「場合」： if(totalPlayed > 0.02*(totalTime) && !triggered){triggered = 1;あなたが入力したときに更新される「場合」変数を「トリガー」と、それは「もし」再び入ることはありませんので、これは一度だけ実行されます

。

Answer 2

変数を使用します。 ajaxを入力すると、変数が変更されます。 IF内の変数を使用します。

JS：

var var_tr = $(#hideninput).val(); 
if(totalPlayed > 0.02*(totalTime) && Var_tr == "false") { 
     ... 
     $(#hideninput).val("True"); 
     /* Ajax call video watched starts here it should trigger only once*/ 
     $.ajax({ 
      url: "student_learning_controller.php", 
      method: "POST", 
      data: {'action': 'videoWatched', 'course_id': course_id,'videoId' : videoId,'totalVideoTime':totalTime,'totalPlayedTime':totalPlayed,'percentagePlayed':playedInPercentage }, 
      dataType: "json", 

      success: function (response) { 
       if (response["success"] == true) { 
        $("#success_message").html(response["message"]);  

       } 
      }, 
     error: function (request, status, error) { 
      $("#warning_message").show(); 
      $("#warning_message").html("OOPS! Something Went Wrong Please Try After Sometime!"); 
      $(#hideninput).val("false"); 
     } 
    }); 
    /* Ajax call video watched ends here */ 
} 

HTMLを作成します。

<input id = "hideninput" type = "hidden" value = "false">