为什么AJAX成功调用中的代码不起作用？

Question

我有一个AJAX脚本，可将数据从表单插入MySQL数据库。 这是AJAX。

<!-- SUBMIT FORM VIA AJAX -->
$("#f_product").on('submit',function(event){ 
    event.preventDefault();

    data = $(this).serialize();

    $.ajax({
    type: "POST",
    url: "<?php echo site_url('con_product/ins_product'); ?>",
    data: data
    }).success(function() {
        alert("Products list is ready to be printed");
        window.open("<?php echo site_url('con_product/print_product'); ?>","_blank");
        window.open("<?php echo site_url('con_product/form_product'); ?>","_self");
    });
});
<!-- END SUBMIT FORM VIA AJAX -->

AJAX脚本成功将数据从表单插入数据库。 但是以某种方式，成功的脚本不起作用。 为什么？

此AJAX的行为是：

• 将数据插入数据库-成功
• 显示警报
• 打开新页面以进行打印。
• 将当前页面刷新为新表单。

Answer 1

success是callback函数的名称，而不是promise 。

您应该使用：

$.ajax({
    type: "POST",
    url: "<?php echo site_url('con_product/ins_product'); ?>",
    data: data,
    success: function() {
        alert("Products list is ready to be printed");
        window.open("<?php echo site_url('con_product/print_product'); ?>","_blank");
        window.open("<?php echo site_url('con_product/form_product'); ?>","_self");
    }
});

还是done承诺：

$.ajax({
    type: "POST",
    url: "<?php echo site_url('con_product/ins_product'); ?>",
    data: data
}).done(function() {
    alert("Products list is ready to be printed");
    window.open("<?php echo site_url('con_product/print_product'); ?>","_blank");
    window.open("<?php echo site_url('con_product/form_product'); ?>","_self");
});

Answer 2

我不确定是否有.success函数。 但是您可以尝试以下操作：

$.ajax({
    type: "POST",
    url: "<?php echo site_url('con_product/ins_product'); ?>",
    data: data,
    success: function(){
        alert("Products list is ready to be printed");
        window.open("<?php echo site_url('con_product/print_product'); ?>","_blank");
        window.open("<?php echo site_url('con_product/form_product'); ?>","_self");
    }
});

Answer 3

根据http://api.jquery.com/jquery.ajax/

弃用通知：从jQuery 3.0开始，删除了jqXHR.success（），jqXHR.error（）和jqXHR.complete（）回调。 您可以改用jqXHR.done（），jqXHR.fail（）和jqXHR.always（）。

如果success代替success怎么done ？

否则， success应该是您使用匿名函数作为值将其放入$.ajax({...})中的对象的属性。