首页 / AJAX / ajax 在前端有时需要设置请求头 也可以自定义请求头 请求头的设置有时也需要跨域

ajax 在前端有时需要设置请求头 也可以自定义请求头 请求头的设置有时也需要跨域

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了ajax 在前端有时需要设置请求头 也可以自定义请求头 请求头的设置有时也需要跨域，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1248字，纯文字阅读大概需要2分钟。

内容图文

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 

        ajax 异步请求 javascript xml
        请求数据无刷新 无需卸载页面

        不刷新页面就实现通信
        在没有xhr之前 使用iframe 来实现当前页面不刷新 只刷新iframe里面的页面

        ajax不利于seo；
        表单提交 有网页跳转 有利于seo
     -->
     <script>
        function ajax(){
            var xhr = new XMLHttpRequest();
            xhr.addEventListener("load",loadHandler);
            xhr.open('get',"http://localhost:4010")
            // xhr.open('post',"http://localhost:4001/0421/a.php",false)//阻塞式同步
            // 第三个参数 默认是true 设置为false为同步
            //xhr.open('method',"url",async,uername,password)//基本不用 没有加密性
            // ajax请求php页面需要设置请求头 nodejs不需要 form提交也不需要
            xhr.setRequestHeader('content-type','application/x-www-form-urlencoded')
            xhr.setRequestHeader('data-type','json')
            xhr.send('user=ycy')
        }
        function loadHandler(){
            // console.log('c');
            console.log(this.response);
            //获取响应头消息
            console.log( this.getAllResponseHeaders() )
            // 获取指定响应头消息
        }
        // console.log('a')
        ajax();
        // console.log('b')
     </script>
</body>
</html>

请求头的设置 是告诉后端我传过去的数据的类型等等信息 后端好读取这些配置信息来解析我传过去的数据；

内容总结

以上是互联网集市为您收集整理的ajax 在前端有时需要设置请求头 也可以自定义请求头 请求头的设置有时也需要跨域全部内容，希望文章能够帮你解决ajax 在前端有时需要设置请求头 也可以自定义请求头 请求头的设置有时也需要跨域所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1005421.html

来源：【匿名】