上传文件
form表单提交必须设置enctype=“multipart/form-data” 提交文件
ajax-post
1、需要发送数据时,请求头必须设置.setRequestHeader(‘Content-type’,‘application/x-www-form-urlencoded’)
2、发送的数据写在.send中
格式是 key=value&key2=value2
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2>POST提交数据</h2>
<input type="button" value="post请求">
</body>
<script>
//点击事件
document.querySelector('input').onclick = function(){
//创建对象
var xhr = new XMLHttpRequest();
//请求行 post请求
xhr.open('post','postData.php');
//请求头 post请求是必写的
xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
//回调函数
xhr.onload = function(){
console.log(xhr.responseText);
}
//请求主体 返回数据 post请求发送数据写在send中
//格式 字符串key=value&key2=value2
xhr.send('name=西蓝花&friend=鸡蛋');
}
</script>
</html>
<?php
echo '数据 post 回来了';
//接收数据
print_r($_POST);
?>