在确认功能上重新加载模态

时间:2017-05-04 15:02:09

标签: jquery twitter-bootstrap-3

我有一个包含数据表的bootstrap模式,每行前面都有删除按钮,当onclick时,会显示一个确认警报,我的问题是当我确认删除行时,我的模态拒绝刷新。

这是我的功能:

 function delete_type(id)
      {
            if(confirm('Voulez vous supprimer ce Type ?'))
          {
            // ajax delete data from database
              $.ajax({
                url : "<?php echo site_url('index.php/type_matiere/type_delete')?>/"+id,
                type: "POST",
                dataType: "JSON",
                success: function(data)
                {

                $('#my_modal').location.reload(); 



                },
                error: function (jqXHR, textStatus, errorThrown)
                {
                    alert('Error deleting data');
                }
            });

          }
      }

请帮忙! 谢谢!

1 个答案:

答案 0 :(得分:0)

从您正在使用的结构中,您进行GET调用而不是对服务器的POST调用。您可以让PHP脚本以HTML格式返回/回显更新的表。有了它,您可以使用类似的东西(我已经调整了类型,数据类型和成功函数):

$.ajax({
  url : "<?php echo site_url('index.php/type_matiere/type_delete')?>/"+id,
  type: "GET",
  dataType: "HTML",
  success: function(data)
     {
        /*
          data is the HTML of the updated table, alternativly if you get JSON you 
          could make a function that parses the json and transforms it into HTML

          Please change the dataType back to JSON then.

          var data = my_function_to_parse_json_to_html(data)
        */
        $('#my_modal .modal-body').html(data); 
     }
  });