Question

我有一个交互式的绘图表格如下：

<form method="post">
    <img src="plot.cgi" alt="[plot]">
    <input type="text" name="plot_settings" value="Type plot settings here.">
    <input type="submit" name="submit" value="plot it">
</form>

（简化为最低限度以显示要点。）

图像由plot.cgi生成，它向浏览器发送新的图。目前，用户点击＆＃34;绘制它＆＃34;按钮和整个页面重新加载，但我只想重新加载图像。显然，我可以将每个输入编写为GET请求地址并用img src替换它，但是帖子更合适，似乎应该有更优雅的方式来使用表单＆＃39;提交机制。

有没有办法使用POST加载img而不是为其src设置GET字符串？

（jQuery没问题。）

Answer 1

jQuery('form[method="post"]').submit( function( evt ) {
  var url = jQuery(this).target();
  var data = jQuery(this).serialize();
  jQuery.post( url, data, function(data) {
    jQuery(this).find('img').src( data.plotURL ); // use server-generated URL for plot img
  });
  evt.preventDefault();
}

如何使用表单提交使用post加载img标签？

1 个答案: