为什么彼此之间没有多个ajax请求执行?

我彼此之间有多个ajax函数,但是仅执行第一个ajax请求,我不知道为什么!我添加了一些警报字段,以查看警报范围。 我为此使用django环境。 因此,例如,当单击bidnow-BTN时,应执行此jquery,但是由于某些原因,在第一个ajax请求之后,页面实际上会刷新并添加如下内容 /?bidPrice = 100001到页面网址的末尾。这不应该发生。

$("#bidnow-BTN").click(function () {
  var varurl = document.URL
  var itemId = varurl.split(/\//)[4]

  $.ajax({
    url: "{% url 'User ID' %} ",method: "GET",success: function (data) {
      var varurl = document.URL
      var itemId = varurl.split(/\//)[4]
      var username = data.username
      alert("Got here: " + username)

      $.ajax({
        url: "{% url 'Bidding ID' %} ",success: function (data) {
          alert("Does NOT reach this point")
          for (var i = 0; i < data.users.length; i++) {
            if (data.users[i].username == username) {
              var id = data.users[i].id
            }
            else {

            }
          }


          $.ajax({ // kinda checked
            url: "{% url 'List Items' %} ",success: function (data) {
              var varurl = document.URL
              var itemId = varurl.split(/\//)[4]
              for (var i = 0; i < data.items.length; i++) {
                if (itemId == data.items[i].id) {
                  var currentPrice = data.items[i].higestBid
                }
                else {

                }
                if (parseFloat($('#bidAmount').val()) <= currentPrice) {
                  alert("Please enter a higher amount")
                  abort()
                }

                if (parseFloat($('#bidAmount').val()) > currentPrice) {

                  var post_data = {
                    'itemId': itemId,'userID': id,'bid': (parseFloat($('#bidAmount').val()) || 0)
                  };

                  $.ajax({ //checked
                    url: "{% url 'Modify Bid' %} ",contentType: 'application/json; charset=utf-8',dataType: 'json',method: "PUT",data: JSON.stringify(post_data),success: function (data) {
                      $('#ItemCurrentPrice').empty()
                      $('#ItemCurrentPrice').append("£" + data.highestBid)





                      $.ajax({ //checked
                        url: "{% url 'Bidding ID' %} ",success: function (data) {
                          for (var i = 0; i < data.users.length; i++) {
                            if (data.users[i].username == username) {
                              var id = data.users[i].id
                            }
                            else {

                            }
                          }
                          var post_data = {
                            'itemId': itemId,'bid': (parseFloat($('#bidAmount').val()) || 0)
                          };
                          $.ajax( //checked
                            {
                              url: "{% url 'List Bid' %} ",success: function (data) {

                              }
                            }) //Checked




                        }
                      })  //Checked

                    }
                  })  //Checked
                }
              }
            }
          })

        }
      })
    }
  })
})
hanyu294674597 回答:为什么彼此之间没有多个ajax请求执行?

尝试在ajax中添加异步:false事件

$.ajax({ 
type: "POST",url: "file.php",async: false,data: { code: code },success: function(response){ },error: function(xhr,ajaxOptions,thrownError){
    alert(thrownError);
}
});
本文链接:https://www.f2er.com/3054630.html

大家都在问