<!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>
请求头的设置 是告诉后端我传过去的数据的类型等等信息 后端好读取这些配置信息来解析我传过去的数据;