java脚本弹出输入框,向数据库中添加数据
时间: 2023-08-12 21:08:52 浏览: 91
java添加数据库
你可以使用 JavaScript 和 AJAX 技术来实现这个功能。以下是一个简单的示例代码,可以在弹出输入框中输入数据并将其添加到数据库中。
HTML 代码:
```
<!DOCTYPE html>
<html>
<head>
<title>添加数据</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<button onclick="addData()">添加数据</button>
<script>
function addData() {
var data = prompt("请输入要添加的数据:"); // 弹出输入框
if (data) { // 确认输入框有输入
$.ajax({
type: "POST",
url: "addData.php", // 向服务器发送请求
data: { data: data }, // 发送数据
success: function(msg){
alert("添加成功!"); // 成功添加数据
},
error: function(){
alert("添加失败!"); // 添加数据失败
}
});
}
}
</script>
</body>
</html>
```
JavaScript 代码:
```
function addData() {
var data = prompt("请输入要添加的数据:"); // 弹出输入框
if (data) { // 确认输入框有输入
$.ajax({
type: "POST",
url: "addData.php", // 向服务器发送请求
data: { data: data }, // 发送数据
success: function(msg){
alert("添加成功!"); // 成功添加数据
},
error: function(){
alert("添加失败!"); // 添加数据失败
}
});
}
}
```
在这个例子中,当用户点击“添加数据”按钮时,会弹出一个输入框,用户可以输入要添加到数据库中的数据。如果用户输入了数据,JavaScript 将使用 AJAX 技术向服务器发送请求,并将数据作为 POST 请求的参数发送给服务器。然后,服务器将处理数据并将其添加到数据库中。如果添加成功,JavaScript 将显示一个“添加成功”的消息框;否则,它将显示一个“添加失败”的消息框。
阅读全文