jquery - Ajax 调用不调用服务器 Laravel
问题描述
我正在尝试使用第三方程序提出请求,但它不起作用,有人可以告诉我我做错了什么吗?根本没有发送响应。我尝试按顺序排列依赖项,将脚本放在顶部,将代码放在表单之后,但它只是没有通过控制台中的 XHR 进行调用。
控制器:
class UserController extends Controller
{
public function index(Request $request)
{
$search = request('name');
return User::where('name', 'LIKE', "$search%")
->take(5)
->pluck('name');
}
}
路线:
Route::get('/api/users', 'Api\UserController@index');
脚本:
<script>
$('#body').atwho({
at: "@",
delay: 500,
callbacks: {
remoteFilter: function (query, callback) {
//$.getJSON('/api/users', { name: query }, function (usernames) {
// console.log('hey');
// callback(usernames);
//});
$.ajax({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
url: '/api/users',
type: 'GET',
dataType: 'json',
data: {
name: query,
_token: {{csrf_token()}}
},
success: function (usernames) {
callback(usernames);
console.log('hey');
},
error: function () {
console.log('error');
}
});
}
}
});
</script>
它在这里工作正常
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/jquery.atwho.css">
</head>
<body>
<textarea type="" id="inputor"></textarea>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.js"></script>
<script src="/js/jquery.caret.js"></script>
<script src="/js/jquery.atwho.js"></script>
<script>
$('#inputor').atwho({
at:"@",
data: ['Peter', 'Tom', 'Anne']
});
</script>
</html>
解决方案
你必须使用url
看起来像这样。
url: "{{url('')}}/api/users,
type: 'POST',
你的路线应该放在route\api.php
. 你的路线应该是这样的
Route::post('/users', 'ApiController@index');
在您的 ApiController 中编写此代码
class ApiController extends Controller{
public function index(Request $request){
$search = request('name');
return User::where('name', 'LIKE', "$search%")->take(5)->pluck('name');
}
}
推荐阅读
- java - Java URI 简单路径
- android - 如何将捕获的图像保存到画廊代号一?
- android - Android SearchView 小部件:setIconified[ByDefault or not](false) 不起作用
- c# - 如何从 C# 中的方法访问构造函数中的变量
- java - 如何将检索到的数据从firebase保存到android中的字符串变量?
- angular - 如何以角度动态删除组件
- python - 如何通过 django 中多对多关系中另一个表的 id 访问表记录?
- java - Spring Data JPA:生成动态查询
- python - 从列表中获取 min() 和 max() 的有效方法?
- arrays - 数组未读取所有值