Javascript 我的AJax请求在单击图标时不起作用
我想在点击图标时发送一个ajax调用 Admin.jsJavascript 我的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-
$('.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调用添加令牌。谢谢。这帮我解决了问题