使用 Ajax Codeigniter 确认消息不起作用答案

【问题标题】：Confirmation Message not working Using Ajax Codeigniter使用 Ajax Codeigniter 确认消息不起作用
【发布时间】：2021-04-21 05:57:35
【问题描述】：

我正在使用 codeigniter 中的 ajax 从数据库中获取数据，现在我正在尝试放置“删除确认框” 在控制器中，但该按钮不起作用，

这是控制器文件/代码

$user['result']=$this->crud->AddMember($data);
foreach($user['result'] as $row) {
    echo "<td>";
    <input type="hidden" name="id" value="'.$id.'"> 
    <input type="submit" class="btn btn-danger btn-sm" value="Delete" name="delete" onclick="return confirm('Are you sure you want to delete this item')">
    </form>';
    echo "</td>";
}

这是查看文件

<form method="post" name="myForm" class="form-horizontal" id="user_form" enctype="multipart/form-data">
    <input type="text" class="form-control" id="FlatNumber" name="FlatNumber" placeholder="">
    <button type="submit" class="btn btn-primary btn-lg" id="butsave">Add Details</button>
</form>

<script>
$(document).ready(function() {
    $('#butsave').on('click', function() {

        event.preventDefault();  
        var FlatNumber = $('#FlatNumber').val();
        if(FlatNumber == '') {  
            alert("Please enter Flat Number");
        }else{
            $.ajax({
                    url:"<?php echo base_url() . 'index.php/Member/AddRecord'?>",
                    type: "POST",
                    data: {FlatNumber : FlatNumber},
                    dataType: "html",
                    success: function(msg){
                        alert(msg);
                        if (msg == 'exist') {
                            $("#successs").hide();
                        }else{
                            $("#errorr").hide();
                        }
                    }
            });
        }  
    }); 
});
</script>

【问题讨论】：

良好的代码缩进将帮助我们阅读代码，更重要的是，它将帮助您调试代码Take a quick look at a coding standard 为您自己的利益。您可能会被要求在几周/几个月内修改此代码，最后您会感谢我的。
当用户点击ok时会发生什么？
为什么在控制器代码的<input type="submit"> 中使用onclick="return confirm(''};？？

标签： javascript php jquery ajax codeigniter

【解决方案1】：

这是因为 onclick 仅适用于已在此页面上的元素。 ajax 响应后它不会工作，所以你需要使用这样的代码。

$(document).on("click",".btn-danger", function(){
});

【讨论】：