ajax调用函数嵌套 - Nesting of ajax call function

Nesting of ajax call function

本文关键字：嵌套函数调用 ajax | 更新日期: 2023-09-27

Ajax函数(嵌套)

function open_appointment(id)
{
save_method = 'open_appointment';
$('#form_open_appointment')[0].reset(); // reset form on modals
$('.form-group').removeClass('has-error'); // clear error class
$('.help-block').empty(); // clear error string
//Ajax Load data from ajax
$.ajax({
    url : "<?php echo site_url('ReceptionistController/ajax_edit_appointment')?>/" + id,
    type: "GET",
    dataType: "JSON",
    success: function(data)
    {
        $.ajax({
            url : "<?php echo site_url('DoctorController/ajax_edit_patient')?>/" +data.ap_patient, 
            type: "GET",
            dataType: "JSON",
            success: function(data)
            {
                $('[name="pt_name"]').val(data.pt_name);
            },
            error: function (jqXHR, textStatus, errorThrown)
            {
                alert('Failed');
            }
        });
        $('#modal_open_appointment').modal('show'); // show bootstrap modal when complete loaded
        $('.modal-title').text('Open Appointment'); // Set title to Bootstrap modal title
    },
    error: function (jqXHR, textStatus, errorThrown)
    {
        alert('Error get data from ajax');
    }
});
 }

我想使用一个ajax调用到另一个。我已经写了上面的代码，但它不工作(当嵌套)，并给出显示"失败"。ajax调用函数嵌套问题

你可以使用下面的承诺

代码未经测试…

供参考:https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Promise

var getAppointment = function() {
    return new Promise(function(resolve, reject) {
        $.ajax({
            url : "<?php echo site_url('ReceptionistController/ajax_edit_appointment')?>/" + id,
            type: "GET",
            dataType: "JSON",
            success: function(data)
            {
                resolve(data);
            },
            error: function (jqXHR, textStatus, errorThrown)
            {
                reject('Error get data from ajax');
            }
        });
    })
}
var editPatient = function(data) {
    return new Promise(function(resolve, reject) {
        $.ajax({
            url : "<?php echo site_url('DoctorController/ajax_edit_patient')?>/" +data.ap_patient, 
            type: "GET",
            dataType: "JSON",
            success: function(data)
            {
                resolve(data);
            },
            error: function (jqXHR, textStatus, errorThrown)
            {
                reject('Failed');
            }
        });
    }
}
getAppointment()
    .then(function(data) {
        return editPatient(data)
    })
    .then(function(data) {
        $('[name="pt_name"]').val(data.pt_name);
    })
    .catch(function(error) {
        console.log(error)
    ));

语法看起来不错，但首先，检查外部ajax请求是否正常工作并返回数据。Ap_patient是否正确。之后调用内部ajax请求。还有checkinspect元素请求是否会纠正动作方法。