AJAX-POST
POST
- 数据不会出现在地址栏中
- 长度取决于服务器
post.php
<?php
//输出post请求
echo $_POST['age'];
echo "你好啊"
?>
post.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<button id="btn">点我</button>
</body>
<script>
window.onload = function(){
var btn = document.getElementById("btn");
btn.onclick = function(){
var xhr;
// 1、建立一个 xhr 对象
if(window.XMLHttpRequest){
xhr = new XMLHttpRequest();
}else{
xhr = new ActiveXObject();
}
// 打开一个服务器连接
xhr.open("POST","./post.php",true);
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
// 3、发送请求
xhr.send("age=88");
// 4、检测
xhr.onreadystatechange=function(){
if(xhr.readyState==4&&xhr.status==200){
console.log(xhr.responseText);
}
}
}
}
</script>
</html>
效果动态图
5428
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
