用PHP构造使用javascrip弹出窗口,并在该窗口中获取用户输入的数据并上传到MySQL数据库中的代码
时间: 2023-04-10 14:01:53 浏览: 87
以下是用 PHP 构造使用 JavaScript 弹出窗口,并在该窗口中获取用户输入的数据并上传到 MySQL 数据库中的代码:
```php
<?php
// 连接 MySQL 数据库
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";
$conn = new mysqli($servername, $username, $password, $dbname);
// 检查连接是否成功
if ($conn->connect_error) {
die("连接失败: " . $conn->connect_error);
}
// 检查是否有 POST 请求
if ($_SERVER["REQUEST_METHOD"] == "POST") {
// 获取用户输入的数据
$name = $_POST["name"];
$email = $_POST["email"];
$phone = $_POST["phone"];
// 将数据插入 MySQL 数据库中
$sql = "INSERT INTO MyGuests (firstname, email, phone)
VALUES ('$name', '$email', '$phone')";
if ($conn->query($sql) === TRUE) {
echo "新记录插入成功";
} else {
echo "Error: " . $sql . "<br>" . $conn->error;
}
}
// 关闭连接
$conn->close();
?>
<!DOCTYPE html>
<html>
<body>
<h2>使用 JavaScript 弹出窗口获取用户输入的数据</h2>
<button onclick="myFunction()">点击这里</button>
<script>
function myFunction() {
// 弹出窗口
var name = prompt("请输入您的姓名:");
var email = prompt("请输入您的电子邮件地址:");
var phone = prompt("请输入您的电话号码:");
// 将数据发送到 PHP 文件中
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
alert(this.responseText);
}
};
xmlhttp.open("POST", "insert.php", true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.send("name=" + name + "&email=" + email + "&phone=" + phone);
}
</script>
</body>
</html>
```
请注意,这只是一个示例代码,您需要根据您的实际情况进行修改。