如何使用jQuery顯示從對話框中的POST返回的頁面？

Question

我想要使用jquery對話框來打開一個模式對話框，並在其中顯示從我的服務器返回的POST頁面的結果。

我該怎麼做？

現在我有這樣的事情：

VAR SER = Form.serialize（）; （「myform」，ser，function（result）{$ j（result）.dialog（{title：「Add Shift」}）;}）;};}}

但它顯示2個對話框，直到頁面從服務器返回，這是有道理的，因爲這是我得到它編碼的方式（即做一個帖子，然後把結果，並把它放在一個對話框中）。我如何打開對話框，完成文章並將結果頁面放入其中？

Answer 1

我想立即打開對話框，然後顯示POST的結果，一旦它完成。這是我做了什麼：

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

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

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

Answer 2

這可能是一種選擇：

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