javascript - jQuery AJAX 在成功时将函数作为数据返回

Question

我有 codeigniter flashdata + jQuery AJAX 调用来显示它。代码:

<script type="application/javascript">

var res_no = '<?php echo $this->session->flashdata('res_no'); ?>';
var res_new = '<?php echo $this->session->flashdata('res_new'); ?>';

(function( $ ) {

$("#check-reservations").click(function() {

   $.ajax({
            type: "POST",
            url: "mycontroller/function",
            async: true,
            data: {
            res_no: res_no,
            res_new: res_new
            },
            success: function(data) {   
            if(data) {
            alert(data);
            }
           }
        });
     });

/*
Default Notifications
*/
$('#check-reservations').show(function() {

    if (res_no) {
    new PNotify({
        title: 'Hmm no new Reservations..',
        text: res_no,
        type: 'custom',
        addclass: 'notification-primary',
        icon: 'fa fa-info-circle '
    });
    }

    else if (res_new) {
    new PNotify({
        title: 'There\'s something new!',
        text: res_new,
        type: 'custom',
        addclass: 'notification-success',
        icon: 'fa fa-check'
    });
    }
   });
   }).apply( this, [ jQuery ]);
 </script>

在 $.ajax 数据里面，我都添加了

res_no: res_no,
res_new: res_new

这只是带有文本的字符串，成功后我会返回带有文本的警报。我想找回

new PNotify({
        title: 'Hmm no new Reservations..',
        text: res_no,
        type: 'custom',
        addclass: 'notification-primary',
        icon: 'fa fa-info-circle '
    });

PHP:

 /**
    * @filtered_reservations
    * @index
    */
    $filtered_reservations = $this->filter_array($reservations);          
    if (count($filtered_reservations) > 0) {
    foreach ($filtered_reservations as $index => $reservation) {
    $this->db->insert('reservations', $reservation);   
    } // end foreach   
    return $this->session->set_flashdata('res_new', "Success ". count($filtered_reservations) ." Reservations were Inserted!"); 
    print "Success ". count($filtered_reservations) ." Reservations were Inserted!";
    print "Reservations: ". count($kigores_id) ." found on kigo!";
    } /* end if */


    /**
    * @filtered_reservations
    * equal to 0
    */
    elseif (count($filtered_reservations) === 0) {
    print "Sorry no new Reservations!";
    return $this->session->set_flashdata('res_no', 'Sorry no new Reservations!');
    //$this->ci_alerts->set('warning', "Sorry no new Reservations!");
    }

    } /* end reservations */     

我应该在数据中写什么？到目前为止我找到的唯一解决方案是 window.reload 它将像我想要的那样向我显示通知但刷新..

Answer 1

为了实现这一点，您需要放置:

$('#check-reservations').show(function() {
    if (res_no) {
        new PNotify({
            title: 'Hmm no new Reservations..',
            text: res_no,
            type: 'custom',
            addclass: 'notification-primary',
            icon: 'fa fa-info-circle '
        });
    } else if (res_new) {
        new PNotify({
            title: 'There\'s something new!',
            text: res_new,
            type: 'custom',
            addclass: 'notification-success',
            icon: 'fa fa-check'
        });
    }
});

在您的 AJAX success 结果中，如下所示:

$.ajax({
    type: "POST",
    url: "mycontroller/function",
    async: true,
    data: {
        res_no: res_no,
        res_new: res_new
    },
    success: function(data) {   
        if(data) {
            $('#check-reservations').show(function() {
                if (res_no) {
                    new PNotify({
                        title: 'Hmm no new Reservations..',
                        text: res_no,
                        type: 'custom',
                        addclass: 'notification-primary',
                        icon: 'fa fa-info-circle '
                    });
                } else if (res_new) {
                    new PNotify({
                        title: 'There\'s something new!',
                        text: res_new,
                        type: 'custom',
                        addclass: 'notification-success',
                        icon: 'fa fa-check'
                    });     
                }
            });
        }
    }
});