ci ajax js,CodeIgniter4 AJAX请求

IncomingRequest::isAJAX() 方法使用了 X-Requested-With 请求头来确定一个请求是否是XHR(XML Http Request)或者是一个正常的请求。然后最新的JavaScript实现(例如fetch方法)中不再随着请求发送这个头，因此使用 IncomingRequest::isAJAX() 就不那么可靠了，因为没有这个头，该方法就不能识别一个请求是否是一个XHR。

为了解决这个问题，最有效的解决方式(至今)就是人为定义一个请求头，迫使这个请求信息发送的服务器从而识别这个请求是否是一个XHR。

以下就是如何迫使在Fetch API和其他JavaScript库中发送 X-Requested-With 请求头。

Fetch API

fetch(url, {

method: "get",

headers: {

"Content-Type": "application/json",

"X-Requested-With": "XMLHttpRequest"

}

});

jQuery

对于类似jQuery之类的库来说，不需要额外发送这个头，因为根据官方文档，对于所有 $.ajax() 请求来说，这都是一个标准头。但是如果你还是不想担风险并强制发送这个头，就像下面这样做吧:

$.ajax({

url: "your url",

headers: {'X-Requested-With': 'XMLHttpRequest'}

});

VueJS

在VueJS中你只需要在 created 函数中增加以下代码，只要你在这类请求时使用Axios:

axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

React

axios.get("your url", {headers: {'Content-Type': 'application/json'}})

ci ajax js,CodeIgniter4 AJAX请求相关推荐

js 只刷新ajax,JS实现AJAX局部刷新（附代码）
这次给大家带来JS实现AJAX局部刷新(附代码),JS实现AJAX局部刷新的注意事项有哪些,下面就是实战案例,一起来看一下. AJAX即"Asynchronous Javascript An ...
html怎么写分页ajax,js实现ajax分页完整实例
本文实例讲述了js实现ajax分页的方法.分享给大家供大家参考,具体如下: /p> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition ...
ajax js 轮询请求,ajax的轮询和长轮询
概念: 轮询环行进端处触码通法果泉位可近境其行框理发(polling):客户端按规定时间定时像服务端发送ajax请求,服务器接到请求后马上返回响应信息并关闭览页些求时是过解些这确如目前例总站回广随能4 ...
ajax js引用,ajax 引用js文件内容
ajax 引用js文件内容内容精选换一换 ConfigMap是一种用于存储应用所需配置信息的资源类型,用于保存配置数据的键值对,可以用来保存单个属性,也可以用来保存配置文件.通过ConfigMap ...
ajax如何用编号查询姓名,Ajax js 使用Ajax检测用户名是否存在
jsp页面: Js代码 varxmlHttp=false; try{ xmlHttp=newActiveXObject("Msxml2.XMLHTTP"); }catch(e){ ...
原生JS实现Ajax和JSONP跨域请求
背景: 对接身份证录入和门锁卡号录入设备中,安装驱动完成后,提供的接口服务是http://localhost:8099/?cmd=readbcardid&charset=gbk,返回的数据格式 ...
highcharts ajax 数据格式,Highcharts ajax获取json对象动态生成报表生成 .
最近做个项目,项目经理想做一个统计报表,在网上查看些资料就选用Highchars 这里和大家分享下使用心得. 重点说明此代码是针对一个报表显示多个项对比显示. 直接贴代码:web端 $(documen ...
原生JS写Ajax的请求函数
本文主要介绍了如何通过原生JavaScript封装ajax请求,文中给出了具体的实现代码和详细的解释,希望对你有所帮助. 一.JS原生Ajax ajax:一种请求数据的方式,不需要刷新整个页面: aj ...
[js] 使用ajax请求真的不安全吗？为什么？
[js] 使用ajax请求真的不安全吗?为什么? AJAX是发送HTTP请求的一种方式,只不过浏览器给它加了一个同源策略而已. 所以从这一点可以得出一个结论:AJAX本质上安全性和HTTP请求一样个 ...

ci ajax js,CodeIgniter4 AJAX请求

ci ajax js,CodeIgniter4 AJAX请求相关推荐

最新文章

热门文章