我彼此之间有多个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' %} ",
method: "GET",
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' %} ",
method: "GET",
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' %} ",
method: "GET",
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,
'userID': id,
'bid': (parseFloat($('#bidAmount').val()) || 0)
};
$.ajax( //checked
{
url: "{% url 'List Bid' %} ",
contentType: 'application/json; charset=utf-8',
dataType: 'json',
method: "PUT",
data: JSON.stringify(post_data),
success: function (data) {
}
}) //Checked
}
}) //Checked
}
}) //Checked
}
}
}
})
}
})
}
})
})
尝试添加异步:ajax中的错误事件
$.ajax({
type: "POST",
url: "file.php",
async: false,
data: { code: code },
success: function(response){ },
error: function(xhr, ajaxOptions, thrownError){
alert(thrownError);
}
});