Как использовать jQuery для отображения страницы, возвращенной из POST в диалоге?

Question

Я хочу использовать диалоговое окно jquery, чтобы открыть модальное диалоговое окно, и в нем отобразить возвращенную страницу с моего сервера, которая появляется в результате POST.

Как я могу это сделать?

Прямо сейчас у меня есть что-то вроде этого:

var ser = Form.serialize ();

$. Post ("myform", ser, function (result) {$ j (result) .dialog ({title: "Add Shift"});});

Но он показывает 2 диалоговых окна, и только после того, как страница вернулась с сервера, что имеет смысл, поскольку именно так я ее кодировал (т.е. создайте сообщение, затем возьмите результат и поместите его в диалог) , Как мне открыть диалог, сделать пост и поместить в него получившуюся страницу?

Answer 1

это может быть вариант:

HTML

<div id="idMyResultDiv" style="display:none"></div>

JS

$("#idMyResultDiv").dialog({
   title: "Add Shift",
   autoOpen: false
});
$.post("myform", ser, function(result) { 
    $("#idMyResultDiv").html(result);
    $("#idMyResultDiv").dialog('open'); 
});

Answer 2

Я хотел немедленно открыть диалоговое окно, а затем показать результат POST после его завершения. Вот что я сделал:

$("#idMyResultDiv").dialog({
     title: "Add Shift", modal: true, autoOpen: false });

$("#idMyResultDiv").html("Loading");
$("#idMyResultDiv").dialog("open");

$.post("myform", ser, function(result) {
    $("#idMyResultDiv").html(result);
});