form表单返回值弹窗
时间: 2023-10-27 15:07:27 浏览: 113
您可以通过以下步骤在表单提交后弹出返回值弹窗:
1. 在表单提交后,获取返回值。
2. 使用JavaScript创建一个弹窗,将返回值显示在弹窗中。
3. 将弹窗显示在页面上。
下面是一个示例代码:
HTML代码:
```
<form id="myForm" action="submit.php" method="post">
<!-- 表单元素 -->
<input type="submit" value="提交">
</form>
```
JavaScript代码:
```
document.getElementById("myForm").addEventListener("submit", function(event) {
event.preventDefault(); // 阻止表单默认提交行为
// 发送表单数据到服务器
var xhr = new XMLHttpRequest();
xhr.open("POST", "submit.php");
xhr.onload = function() {
if (xhr.status === 200) {
// 获取服务器返回值
var response = xhr.responseText;
// 创建一个弹窗
var popup = window.open("", "Popup", "width=400,height=200");
// 在弹窗中显示返回值
popup.document.write(response);
// 将弹窗显示在页面上
popup.focus();
}
};
xhr.send(new FormData(event.target));
});
```
在这个示例中,我们使用XMLHttpRequest对象发送表单数据到服务器,并在服务器返回值时创建一个弹窗来显示它。您可以根据您的需求自定义弹窗的大小和样式。