无法调用ajax函数，但console.log和警报正在处理该JS文件

Question

大家好。在使用ajax提交表单时遇到问题，在Inspect元素的网络区域中，无法看到调用的特定ajax。如果我尝试在JS中运行console.log或alert，那么它运行得很好。这是我的JS代码。提前谢谢。

$(document).ready(function(){
$("button#applyLeave").click(function(){
console.log('asgnduser');
var leaveType = $("#leavetype").val();
var leaveDate = $("#leavedate").val();
var leaveTime = $("#leavetime").val();
var leaveDateRange = $("#reservation").val();
var leaveReason = $("#leavereason").val();
console.log(leaveType + ' ' +leaveDate+ ' ' +leaveTime + ' ' +leaveDateRange + ' ' +leaveReason);
alert(APP_URL + '/apply-leave');
var dataString = 'leaveType='+ leaveType + '&leaveDate='+ leaveDate + '&leaveTime='+ leaveTime + '&leaveDateRange='+ leaveDateRange + '&leaveReason='+ leaveReason;
// AJAX Code To Submit Form.
$.ajax({
type: "POST",
url: APP_URL + '/apply-leave',
data: dataString,
cache: false,
success: function(result){
// console.log('Success: '+result);
// alert('Data Saved Successfully');
if (result == 'success') {
alert("Leave applied!!!");  
window.location.href = APP_URL + '/leaves';
}   
},
error: function(result){
// console.log('Error: '+result);
}
});
return false;
});
});

Answer 1

我刚刚在代码沙箱环境中试用了您的代码，它运行正常。如果您没有看到任何请求发出，那么HTML中很可能不存在您的按钮或其ID。

以下是我的示例代码沙箱url：https://codesandbox.io/s/ecstatic-hugle-7rfnt?file=/src/index.js

您可以与您的代码进行比较，并查看差异。

Answer 2

在这里犯了一个愚蠢的错误。在inspect元素中，网络日志的网络选项卡记录被关闭，因为无法在那里看到ajax。打开后，我看到了它。