ASP.NET 彈出模態對話框並保存數據：jQuery UI Dialog 實戰

方案對比

jQuery UI 實現步驟

1. 引入 jquery.js、jquery-ui.js、jquery-ui.css。
2. 頁面放置隱藏 <div id="dlg">...表單字段...</div>。
3. 按鈕點擊初始化並打開：

   $("#dlg").dialog({
       modal: true,
       title: "信息錄入",
       buttons: {
           "確定": function() {
               var data = { name: $("#txtName").val(), age: $("#txtAge").val() };
               $.post("/api/save", data, function(res) {
                   if (res.success) { $("#dlg").dialog("close"); refreshGrid(); }
                   else alert(res.msg);
               });
           },
           "取消": function() { $(this).dialog("close"); }
       }
   });
   

服務端

ASP.NET Web API / MVC Action 接收模型綁定，EF / ADO.NET 入庫，返回 JSON。