Question

我有以下代码来发布数据：

<form action="SaveToExcel.php" method="post" target="_blank" onsubmit='$("#datatodisplay").val( $("<div>").append( getExcel() ).html() )'>
  <input  type="image" src="../../images/floppy_disk_icon.jpg" width="16" height="16" >
  <input type="hidden" id="datatodisplay" name="datatodisplay" />       
</form>

提交表单后，父页面会刷新吗？我可以让父页面不刷新吗？

SaveToExcel.php代码如下所示：

<?php
header("Content-type: application/ms-excel");     
header("Content-Disposition: filename=export.xls");
// Fix for crappy IE bug in download.
header("Pragma: ");
header("Cache-Control: ");
?>
<html>
  <head></head>
  <body>
     <?=str_replace('\"','"',$_REQUEST['datatodisplay'])?>
  </body>
</html>

顺便说一下，我正在使用jQuery

Answer 1

是的，您可以在iframe中加载表单就像这个<iframe src="yourform.html"></iframe>一样，当你提交表单时，将它放在你的父页面中总页面不会刷新

Answer 2

我建议你在用户点击提交按钮时进行ajax调用。您可以尝试jquery-ajax。

极端删除表格。在用户单击提交按钮时编写单独的函数来调用ajax。我是这样做的。

Answer 3

或者只是

return false;

在表单提交处理程序的末尾。

提交表单时阻止父页面刷新

3 个答案: