Как открыть форму действия в JQuery Диалог

Question

У меня есть форма:

<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 открыть в модальном диалоге и быть в состоянии отобразить информацию после, как это может быть сделано.

Answer 1

Ajax - это ответ. Отправьте форму через ajax и в функции обратного вызова (если сообщение было успешным), вы можете создать свое диалоговое окно и загрузить данные, возвращенные из сообщения. Ознакомьтесь с документацией Jquery по телефону Jquery.post

Answer 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; 
});