效果演示
源码
test_Post.html
<html>
<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>
<script>
function sendData() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
if (window.XMLHttpRequest) {
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行的代码
xmlhttp = new XMLHttpRequest();
} else {
//IE6, IE5 浏览器执行的代码
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function () {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
}
};
xmlhttp.open("POST", "test1.php", true);
// GET方式："test_Get.php?q=" + str
xmlhttp.setRequestHeader(
"Content-type",
"application/x-www-form-urlencoded"
);
xmlhttp.send("username=" + username + "&password=" + password);
}
</script>
<body>
<p><b>在输入框中输入用户名和密码:</b></p>
<form>
用户名: <input type="text" name="username" id="username" />
<br />
密码：<input type="password" name="password" id="password" />
<br />
<button type="button" onclick="sendData()">提交</button>
</form>
<p>返回值: <span id="txtHint"></span></p>
</body>
</html>
test_Post.php
<?php
//从POST中获取参数
$username = $_POST["username"];
$password = $_POST["password"];
$hint = file_put_contents("test.txt", $username . ":" . $password);
if ($hint > 0) {
$response = "写入成功！用户名：" . $username . "，密码：" . $password;
} else {
$response = "写入失败！";
}
//输出返回值
echo $response;
682
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
