在 Laravel 中使用 Fetch API 拉取数据时，`$request->ajax()` 未检测到 ajax 请求

Question

在我的Laravel 应用程序中，我使用Fetch API 在滚动上加载数据。下面是我在刀片文件中的JS 代码

let route = '{{ route("load") }}' + '?q=' + encodeURI('{{ $para }}');
fetch(route)
.then(response => {
   if(!response.ok) {
       throw new Error('Network response was not ok');
   }
   return response.text();
})
.then(data => {                       
   console.log(data);                       
})
.catch((error) => {
   console.error('Error:', error);
})

在我的控制器中

public function loadData( Request $request )
{
    if( $request->ajax() ) {

       return $request->query('q');

     }
     return 'Not Ajax!';
}

它总是返回 'Not Ajax!';

我不确定为什么会这样。 jQuery 或 Axios 等其他库没有问题

Answer 1

Request::ajax() 检查X-Requested-With 标头是否存在。

由于您使用的是 fetch，因此您必须手动将此标头添加到 options object：

fetch(route, {
  headers: {
    'X-Requested-With': 'XMLHttpRequest'
  },
})

例如，由于bootstrap.js file is set up. jQuery adds it automatically 用于除跨域请求之外的每个请求。

Answer 2

请尝试使用 request()->ajax() 函数代替 $request->ajax()。我认为问题是您在顶部导入了错误的请求。这也发生在我身上，因为编辑器

Answer 3

在方法中使用“return”时要小心。尝试将 return 'Not Ajax!' 括起来；否则

else{
    return 'Not Ajax!';
}