通过Ajax以post请求向服务器提交数据,在PHP中输出$_POST超全局变量的值。输出结果如下图
代码如下:
//demo3.html
<!DOCTYPE html>
<html lang="en">
<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>
<form action="Demo3.php" method="POST">
用户名:<input type='text' name='username' id='un'><br/>
密码:<input type='text' name='password' id='pw'><br/>
<input type='submit' id='submit' value='提交'>
</form>
<p id='tips'></p>
</body>
</html>
<script>
var submit_btn = document.getElementById('submit');
var xhr = new XMLHttpRequest();
submit_btn.onclick = function(e){
e.preventDefault();
xhr.onreadystatechange = function(){
if(xhr.readyState==4 && xhr.status==200){
alert(xhr.responseText);
}
}
var username = document.getElementById('un').value; //获得文本输入框中的内容
var data = 'username='+username;
xhr.open('post','Demo3.php');
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencode');
xhr.send(data);
}
</script>
//Demo3.php
<?php
echo ($_POST);
有木有大神知道问题出在哪里。。。
qq_遁去的一_1
九州编程
一只甜甜圈