Как отправить ajax запрос 1 раз?

Question

[Дима Паутов]

Добрый день! Есть у меня небольшая проблема, никак не могу придумать её решение!

Суть задачи, нужно на сервер отправлять запрос, в котором будет храниться процент от просмотренного видео ролика.
Используется библиотека video.js.
Т.е. если пользователь просмотрел 25% от общей продолжительности ролика, нада отправить запрос с числом 25. А так же для 50%, 75% и 100%.

Вот кусочек кода, где идёт отправка

contentVideo
.play()
.on('timeupdate', function(){

                    var currentTime = Math.round(this.currentTime());
                    var duration = Math.round(this.duration());

                    var percent = Math.round(currentTime / duration * 100);

                    if(percent === 0){
                        postVideoStatus(0);
                    }

                    if(percent >= 25){
                        postVideoStatus(25);
                    }

                    if(percent >= 50){
                        postVideoStatus(50);
                    }

                    if(percent >= 75){
                        postVideoStatus(75);
                    }

                    if(percent === 100){
                        postVideoStatus(100);
                    }

                });

Судя по коду, запросы на 25-50-75 будут посылаться каждый раз. Как мне сделать что бы каждый запрос ушёл только 1 раз?

Answer 1

[artem78]

Мой вариант:

player.on('timeupdate', function() {

  var currentTime = Math.round(this.currentTime());
  var duration = Math.round(this.duration());

  var percent = Math.round(currentTime / duration * 100);
  
  var next_percent = $(this).data('next-percent');
  if (!next_percent) {
  	next_percent = 0;
  }

  if (percent >= next_percent) {
    postVideoStatus(next_percent);
    next_percent += 25;
    $(this).data('next-percent', next_percent);
  }

});

https://jsfiddle.net/crazzzy/xqvfa4br/

Comments

[Дима Паутов]

Да, помогло. Немного изменил и заработало. Спс большущее!!!!!

Answer 2

[Олег]

contentVideo
.play()
.on('timeupdate', function(){

    var currentTime = Math.round( this.currentTime() ),
        duration = Math.round( this.duration() ),
        percent = Math.round( currentTime / duration * 100 );

    return ( [0,25,50,75,100].indexOf( percent ) !== -1 ) ? postVideoStatus( percent ) : false;

});

Comments

[Дима Паутов]

Ух ты, как коротко. Завтра утром попробую))0

Answer 3

[RidgeA]

сохранить информацию о том, что запрос отправлялся на определенный диапазон и не вызывать функцию повторно?

Comments

[Дима Паутов]

Ну это же на каждый процент нужно флаг создавать, разве нет?

[RidgeA]

Нет, зачем. В примере 5 вызовов функции.

[RidgeA]

да и вообще не вижу смысла приводить к 100%, если нужно привести только к 5-ти значениям
можно умножать не на 100, а на 4

Math.floor(currentTime / duration * 4);

[0-25)% = 0
[25-50)% = 2
[50-75)% = 3
[75-100)% = 4
100% = 5

[Дима Паутов]

RidgeA: это к чему? Мне на сервер нужно отправить именно процент, а не то, что вы написали