Question

我希望在提交表单时隐藏我的模态并自动续订我的主页。

$.ajaxSetup({
  type: "post",
  cache: false,
  dataType: "json"
});
$(document).ready(function() {
  $('form').on('submit', function(e) {
    e.preventDefault();
    $.ajax({
      url: "<?php echo base_url('Welcome/create_post'); ?>",
      data: $(this).serialize(),
      success: function() {
        $('.modal').modal('hide');
      }
    });
  })
})

Answer 1

尝试这样的事情：

$.ajaxSetup({
    type: "post",
    cache: false,
    dataType: "json"
});

$(document).ready(function() {
    $('form').on('submit', function(e) {
        e.preventDefault();
        $.ajax({
            url:"<?php echo base_url('Welcome/create_post'); ?>",
            data: $(this).serialize(),
            success: function(data) {
              $('.main-page').html(data);
              $('.modal').hide();
            }
        });
    })
})

注意＆＃39;数据＆＃39;变量I已添加到成功回调函数中，此var包含ajax调用的响应。要使用jQuery隐藏元素，正确的语法是：$（＆＃34; someElement＆＃34;）。hide（）;

表单提交时隐藏模态并刷新主页

1 个答案: