Javascript 无法使用多个AJAX代码

嗨，当我运行代码时出现问题，第二个代码将不会运行。 但是，当每次执行第二个代码时，代码仍在运行。 第一个代码向数据库添加值，数据库重新运行，第二个代码从表中删除的量，但仅为从环境中删除的量

我的问题是jQuery不能在加载了ajax的div上执行

如何绑定此代码的动态添加元素上的单击事件？ 如何解决这个问题

第一个代码：

<script>
            $('#submit').on('click', function (e) {
                e.preventDefault();
                var data = $('#create').serialize();
                $.ajax({
                    headers: {
                        'X-CSRF-Token': $('input[name="_token"]').val()
                    },
                    type: 'post',
                    url: '{!! URL::route('category') !!}',
                    data: data,
                    success: function (data) {
                        var dataDelete = 'category/' + data.id + '/delete';
                        var dataCat = data.cat;
                        var dataId = data.id;
                        $('#append').load('loadCat');
                    },
                    error: function (xhr, status, errorThrown) {
                        alert(JSON.parse(xhr.responseText).category[0]);
                    }

                });
                jQuery("#create").val('');
            });
        </script>

$（“#提交”）。在（'click'，函数（e）{
e、 预防默认值（）；
var data=$（'#create'）.serialize（）；
$.ajax({
标题：{
'X-CSRF-Token'：$（'input[name=“_Token”]”）。val（）
},
键入：“post”，
url:“{！！url:：路由（'category'）！！}”，
数据：数据，
成功：功能（数据）{
var dataDelete='category/'+data.id+'/delete'；
var dataCat=data.cat；
var dataId=data.id；
$（'#append'）.load（'loadCat'）；
},
错误：函数（xhr、状态、错误抛出）{
警报（JSON.parse（xhr.responseText.category[0]）；
}
});
jQuery（“#create”）.val（“”）；
});

第二：

<script>
        $('[data-delete]').on('click', function (e) {
            e.preventDefault();
            var this_ = $(this);
            var token = $('input[name="_token"]').attr('value');
            var id = $(this).data("id");
            $.ajax(
                    {
                        url: "{{ url('/category') }}" + '/' + id + '/delete',
                        type: 'post',
                        dataType: "JSON",
                        data: {"id": id, '_token': token},
                        success: function (data) {
                            $(this_).parent().parent().remove();
                        }
                    });
            console.log("It failed");
        });
    </script>

$（“[数据删除]”）。在（'click'，函数（e）{
e、 预防默认值（）；
var this=$（this）；
var-token=$（'input[name=“_-token”]”）attr（'value'）；
var id=$（this.data（“id”）；
$.ajax(
{
url:{{url（'/category'）}+'/'+id+'/delete'，
键入：“post”，
数据类型：“JSON”，
数据：{“id”：id，{u令牌”：令牌}，
成功：功能（数据）{
$（this.parent（）.parent（）.remove（）；
}
});
console.log（“它失败了”）；
});

这可能是因为您正在绑定动态生成的元素上的单击事件

你需要做点什么

$("#parent_id_or_class").on('click','.dynamicAddedElement_id_class',function(){
 // Code logic

});

---

这可能是因为您正在对动态生成的元素绑定click事件

你需要做点什么

$("#parent_id_or_class").on('click','.dynamicAddedElement_id_class',function(){
 // Code logic

});

---

通过这个代码，我的问题就解决了

$('body').on('click', '[data-delete]',function (e) {
            e.preventDefault();
            var this_ = $(this);
            var token = $('input[name="_token"]').attr('value');
            var id = $(this).data("id");
            $.ajax(
                    {
                        url: "{{ url('/category') }}" + '/' + id + '/delete',
                        type: 'post',
                        dataType: "JSON",
                        data: {"id": id, '_token': token},
                        success: function () {
                            $(this_).parent().parent().remove();
                        }
                    });
            console.log("It failed");
        });

---

通过这个代码，我的问题就解决了

$('body').on('click', '[data-delete]',function (e) {
            e.preventDefault();
            var this_ = $(this);
            var token = $('input[name="_token"]').attr('value');
            var id = $(this).data("id");
            $.ajax(
                    {
                        url: "{{ url('/category') }}" + '/' + id + '/delete',
                        type: 'post',
                        dataType: "JSON",
                        data: {"id": id, '_token': token},
                        success: function () {
                            $(this_).parent().parent().remove();
                        }
                    });
            console.log("It failed");
        });

---

[data delete]

元素是否通过第一个AJAX调用附加到DOM？第二个代码是否会始终返回失败？不仅在执行代码时失败@54N1@RoryMcCrossan我没赶上you@MeysamSaberi是执行代码，是删除的代码..是

[数据删除]

元素通过第一个AJAX调用附加到DOM中？第二个代码是否会始终返回失败？不仅在执行代码时失败@54N1@RoryMcCrossan我没赶上you@MeysamSaberi代码是否已执行，删除的代码是否已执行。。？？