Javascript 我的AJax请求在单击图标时不起作用

Javascript 我的AJax请求在单击图标时不起作用,javascript,php,jquery,ajax,laravel-8,Javascript,Php,Jquery,Ajax,Laravel 8,我想在点击图标时发送一个ajax调用 Admin.js $('.user-status').click(function() { var userId = this.id; var userStatus = $(this).attr('data-status'); alert('clicked'); $.ajax({ type: "get", url: siteUrl + 'admin/change-user-

我想在点击图标时发送一个ajax调用

Admin.js

$('.user-status').click(function() {
    var userId = this.id;
    var userStatus = $(this).attr('data-status');
    alert('clicked');

    $.ajax({
        type: "get",
        url: siteUrl + 'admin/change-user-status',
        data: { userId: userId, userStatus: userStatus },
        dataType: 'html',
        success: function(data) {
            console.log(data);
        }
    })

})
Route.php

Route::get('/admin/change user status',[AdminController::class',change userstatus'])

但是当我点击图标时,我得到了点击的警报,但是ajax调用没有被启动

警报就要来了

但是没有启动ajax请求

控制台中没有错误

我正在使用网页包

mix.js(['resources/js/dashboard-template.js', 'resources/js/admin.js'], 'public/js/admin.js');
你可以使用一个工具:“网络”(见截图) 你将能够看到它是否发送良好。 ajax请求在默认情况下随“xhr”一起发送,因此我建议您按照我在屏幕截图上所做的那样按xhr进行排序

您还应该添加error方法和超时(以确保服务器返回响应)

$('.user status')。单击(函数(){
var userId=this.id;
var userStatus=$(this.attr('data-status');
警报(“点击”);
$.ajax({
键入:“获取”,
url:siteUrl+“管理员/更改用户状态”,
数据:{userId:userId,userStatus:userStatus},
数据类型:“html”,
超时:5000,//ms
成功:功能(数据){
控制台日志(数据);
},
错误:函数(a、b、c){
控制台日志(a、b、c)
}
})

})
当您使用警报时,这是阻止代码,在您关闭警报之前不会执行之后的代码。你在这么做吗?尽量避免使用
alert
和类似的函数进行调试,它们会让你发疯,特别是如果你不小心在循环构建中使用了它们,根据Chris所说的,或者使用调试器(chrome和firefox在需要时内置了这些调试器)或者通过控制台进行日志。尝试向ajax调用添加令牌。谢谢。这帮我解决了问题