ASP.NET MVC 模式对话框弹出窗口最佳实践

ASP.NET MVC 模式对话框/弹出窗口最佳实践

html
  
    
      
        
对话框标题
        
          ×
        
      
      
        对话框内容...
      
      
        关闭
        保存
      
    
  
  打开对话框

javascript
$.ajax({
  url: "/Home/GetDialogContent",
  type: "GET",
  success: function (data) {
    // 将获取到的内容插入到对话框中
    $("#myModal .modal-body").html(data);
    // 显示对话框
    $("#myModal").modal("show");
  },
  error: function () {
    alert("加载对话框内容失败");
  }
});

javascript
$("#myModal form").submit(function (e) {
  e.preventDefault(); // 阻止表单默认提交行为
  var formData = $(this).serialize(); // 获取表单数据
  $.ajax({
    url: "/Home/SaveData",
    type: "POST",
    data: formData,
    success: function (data) {
      alert("保存成功");
      $("#myModal").modal("hide"); // 关闭对话框
    },
    error: function () {
      alert("保存失败");
    }
  });
});