ajax 在前端有时需要设置请求头 也可以自定义请求头 请求头的设置有时也需要跨域
2021/4/18 18:28:29
本文主要是介绍ajax 在前端有时需要设置请求头 也可以自定义请求头 请求头的设置有时也需要跨域,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
<!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 在前端有时需要设置请求头 也可以自定义请求头 请求头的设置有时也需要跨域的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-09一定要避坑:关于微信H5分享,温馨提示你不要再踩坑了!!!
- 2024-05-09本地项目放到公网访问!炒鸡煎蛋!
- 2024-04-07金融企业区域集中库的设计构想和测试验证
- 2024-03-11前端CSS的工程化——掌握Sass这四大特性就够了
- 2024-02-21h5关联css样式(html怎么和css关联)-icode9专业技术文章分享
- 2024-02-07Firefox禁止远程字体加速网页加载及图标字体补充安装
- 2024-02-07一个菜鸡前端的3年总结-「2023」
- 2024-01-18最火前端Web组态软件(可视化)
- 2024-01-12程序员提效 x10 的必备开源“神器”
- 2024-01-11前端可以监控静态资源的时间吗-icode9专业技术文章分享