如何用script接收用户输入并提交到php脚本
时间: 2024-04-29 18:21:20 浏览: 11
您可以使用JavaScript编写一个表单,然后在提交表单时将用户输入发送到PHP脚本。
以下是一个简单的示例:
HTML代码:
```
<form id="myForm" action="submit.php" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name">
<br>
<label for="email">Email:</label>
<input type="email" id="email" name="email">
<br>
<button type="submit">Submit</button>
</form>
```
JavaScript代码:
```
const form = document.getElementById('myForm');
form.addEventListener('submit', function(event) {
event.preventDefault(); // 防止表单默认行为
const name = document.getElementById('name').value;
const email = document.getElementById('email').value;
// 使用fetch API将用户输入发送到PHP脚本
fetch('submit.php', {
method: 'POST',
body: JSON.stringify({ name: name, email: email })
})
.then(response => response.json())
.then(data => {
console.log(data);
// 处理PHP脚本返回的数据
})
.catch(error => console.error(error));
});
```
在上面的示例中,我们使用addEventListener()方法为表单添加了一个提交事件侦听器。在事件处理程序函数中,我们使用防止表单默认行为的preventDefault()方法。然后,我们使用JavaScript的fetch API将用户输入作为JSON字符串发送到PHP脚本。最后,我们处理PHP脚本返回的数据。