AJAX-вызов для обновления значений без перезагрузки страницы не всегда показывает новые значения - PullRequest
Новая
       14

AJAX-вызов для обновления значений без перезагрузки страницы не всегда показывает новые значения

0 голосов
/ 07 апреля 2019

Я создаю проект аукциона и в шаблоне я делаю вызов AJAΧ, когда форма отправляется из шаблона для просмотра, чтобы перезагрузить страницу без обновления, но иногда что-то не так. Несмотря на то, что вызов выполнен успешно, новые значения не отображаются все время, хотя они изменены в базе данных. Когда я нажимаю F5, отображаются новые значения.

живой аукцион-details.html 

         <form id="bid" >{% csrf_token %}
              <input id="auction_id" type="hidden" value="{{ auction.id }}">
              <button type="submit">Bid</button>
          </form>

<script>
$('#bid').on('submit', function(event){ //bid is the name of the form

    $.ajax({
        method: 'POST',
        url: '{% url 'auction:live-auction-details' auction.id %}',
        data: {
            auction_id: $('#auction_id').val(),
            csrfmiddlewaretoken: $('input[name=csrfmiddlewaretoken]').val(),
        },
        success: function(data) {
            console.log(data);
        }
    });
});

views.py 

def live_auction_details(request, pk):

try:
    auction = Auction.objects.get(id=pk, status=1)
except Auction.DoesNotExist:
    raise Http404("auction not found")

if request.method == 'POST':

    // update records in database


if request.user.is_authenticated():
    # can user bid ?
    if request.user.player.credits >= auction.credit_charge:
        player_can_bid = True

    # is player registered ?
    if AuctionPlayers.objects.filter(auction_id=auction, auction_player_id=request.user.player.id):
        player_is_registered = True

context = {
    'auction': auction,
    'player_can_bid': player_can_bid,
    'player_is_registered': player_is_registered,
}
return render(request, 'auction/live-auction-details.html', context)

1 Ответ

2 голосов
/ 07 апреля 2019

AJAX выполняет асинхронный запрос к серверу и отправляет ответ в зависимости от того, может ли он выполнить требуемое действие.Чтобы обновить значения, вы должны сделать это вручную, так как это не что-то в «реальном времени», так сказать.

Если на запрос был успешный ответ, то вы должны обновить поля представления вфункция успеха.

Например: 

$.ajax({
  method: 'POST',
  url: 'your_endpoint',
  data: your_data_object
  dataType: 'json', // If you are using an API RestFul
  success: function(response) {
      // Here you have to update your view in order to show the changes
      // This is an example code
      $("#input").val(response.newValue);
  }
});
...