如何在 Jquery Dialog 中打开表单操作答案

【问题标题】：How to open form action in Jquery Dialog如何在 Jquery Dialog 中打开表单操作
【发布时间】：2010-06-03 14:06:15
【问题描述】：

我有一个表格：

<form style="display: inline;" action="/player.php" method="post">
            <input type="hidden" name="recname" value="'.$row['name'].'">
            <input type="hidden" name="recordingdesc" value="'.$row['description'].'">
            <input type="hidden" name="reclink" value="$_SESSION['customerid'].'-'.$row['timestamp'].'.wav">

            <button type="submit" class="tooltip table-button ui-state-default ui-corner-all" title=" rec"><span class="ui-icon ui-icon-volume-on"></span></button>
            </form>

我希望 player.php 在模态对话框中打开并能够显示发布信息如何做到这一点。

【问题讨论】：

标签： php jquery forms post dialog

【解决方案1】：

Ajax 就是答案。通过 ajax 和回调函数发布表单，（如果发布成功）您可以创建对话框并加载从帖子返回的数据。在Jquery.post上查看 Jquery 的文档

【讨论】：

【解决方案2】：

首先使用jquery-ui 创建一个对话框。然后你需要 ajax 提交表单：

$("form button").click(function() {
  $.post({url: '/player.php', data: $("form").serialize(), 
         success: function (data) {
                     $(div in dialog).html(data);
                     $("#MyDialog").dialog('open');
                  }
  });
  return false;
});

【讨论】：