<!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>
请求头的设置 是告诉后端我传过去的数据的类型等等信息 后端好读取这些配置信息来解析我传过去的数据；
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
