Question

我目前有一个表单设置，它将一些数据传递给一个php文件，该文件在后台进行一些对用户来说不重要的处理。目前，当单击提交按钮时，将打开一个新窗口（加载处理输入信息的php文件）。由于没有真正的用户内容，页面只是空白。理想情况下，我希望在提交表单时修改当前页面（使表单消失并在其位置显示消息，例如“已收到您的请求”。）。

是否可以提交表格并处理数据而无需打开新窗口？是否有可能以某种方式将其隐藏起来？

<form action="<!-- FORM ACTION -->" method="post" target="_blank">

Answer 1

使用jquery，您可以执行以下操作：

$('form').submit(function(){
  $.ajax({  
    type: "POST",  
    url: "post.php",  
    data: $('form').serialize(),  
    success: function() {  
      //something to let the user know it was submitted  
    }  
  });
}

Answer 2

查看ajax。特别是使用像jQuery这样的库。

http://api.jquery.com/jQuery.ajax/

Answer 3

确实有可能。用于实现此目的的技术称为“AJAX”，它代表“异步JavaScript和XML”。

以下链接可让您入门：Submit A Form Without Page Refresh

我还建议您查看JavaScript库jQuery，因为它会让您的生活变得更加简单。 jQuery甚至有一个插件可以完成您想要做的事情：jQuery Form Plugin

Answer 4

您可以使用标题将操作页面重定向回表单页面，就像使用登录表单一样，将其发送出去进行处理然后返回到设置了会话ID的页面。

header ('Location:redirect_page.php');

或者使用像Samusaaron3这样的ajax jQuery说。

是否可以提交表单而不加载新窗口？

4 个答案: