提交表单后重置html表单,并在没有页面刷新的情况下再次使用它

时间:2013-03-11 15:02:55

标签: php jquery

我在PHP页面中有html表单,提供不同大小的图像下载。

<form action='download.php' method='post'>
     <select name='size'>
          <option value='1'>Small</option>
          <option value='2'>Medium</option>
          <option value='3'>Large</option>
     </select>
     <button type='submit'>Download</button>
</form>

并在&#34; download.php&#34;页面上有代码生成图像并使用标题自动开始下载。

header('Content-type: image/jpeg');
header('Content-Disposition: attachment; filename="'.$filename.'"');        
imagejpeg($image, null, 100);

当我点击下载按钮时,表单成功提交并且图像开始下载。因为我在download.php文件中使用标题,所以当前页面不会重定向到download.php文件,并且表单保持不变。一切都运作到现在。

现在如果我再次点击下载按钮,表格会重定向到download.php文件,没有图像下载。

有没有办法在不刷新索引页的情况下多次使用下载按钮?

备注:

1。)我在索引页面上使用jquery。

2。)而不是<input type='submit' />,我正在使用<button type='submit'></button>因为我使用font-awesome jquery插件将图标放在按钮中。这在输入标签中是不可能的。

1 个答案:

答案 0 :(得分:1)

你使用jquery ajax来做你想要的事。

您可以在此处找到ajax Tutorial

步骤1:您需要使用ajax

发布数据

步骤2:要重置字段,您可以jquery使用其ID重置字段

Ajax jquery download script