xiaowei- 发布时间:2022-12-01 12:48
- 来源:极全网
- 阅读量:
标题：PHP如何处理Ajax通过POST传递过来的数据
声明：index.html 与 info.php 处于同一级目录
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
名字：<input type="text" id="name" name="name">
<button type="button" onclick="load()">点击</button>
<div id="myDiv"></div>
<script>
function load() {
var name = document.getElementById("name").value;
// 1.创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 2.请求行
xhr.open("POST", "./info.php");
// 3.请求头
xhr.setRequestHeader('Content-Type',' application/x-www-form-urlencoded');
// 4.设置数据
xhr.send("name="+name);
// 5.监听服务器响应
xhr.onreadystatechange = function(){
if (xhr.readyState==4 && xhr.status==200){
document.getElementById("myDiv").innerHTML=xhr.responseText;
}
}
}
</script>
</body>
</html>
版权声明：本文内容由极全网实名注册用户自发贡献，版权归原作者所有，极全网-官网不拥有其著作权，亦不承担相应法律责任。具体规则请查看《极全网用户服务协议》和《极全网知识产权保护指引》。如果您发现极全网中有涉嫌抄袭的内容，点击进入填写侵权投诉表单进行举报，一经查实，极全网将立刻删除涉嫌侵权内容。
扫一扫在手机打开
评论
已有0条评论
0/150
提交
热门评论
