html点击按钮,用输入框数据建立数据库
时间: 2024-02-18 22:05:07 浏览: 27
在 HTML 页面上创建一个输入框和一个按钮,以便用户输入数据并提交到服务器。例如:
```html
<form>
<label for="data">输入数据:</label>
<input type="text" id="data" name="data">
<button type="button" onclick="submitData()">提交</button>
</form>
```
使用 JavaScript 编写 `submitData()` 函数,在函数内部获取输入框中的数据,并向服务器发送 AJAX 请求将数据提交到数据库中。例如:
```javascript
function submitData() {
var data = document.getElementById("data").value;
var xhr = new XMLHttpRequest();
xhr.open("POST", "submit-data.php");
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
alert(xhr.responseText);
}
};
xhr.send("data=" + encodeURIComponent(data));
}
```
在服务器端使用 PHP 或其他后端语言处理 AJAX 请求,并将数据存储到数据库中。例如:
```php
<?php
$data = $_POST['data'];
// 连接数据库,插入数据
// ...
echo "success";
?>
```
这里假设您已经能够连接数据库并插入数据,您需要根据实际情况修改代码以适应您的数据库和数据表结构。