jQuery功能的承诺

Question

I'm trying to make global ajax handler. so first let me show you the function

    var data = {
       test : 1
    }
    $.when( $.ajax({
        type: 'POST',
        url: ajaxurl,
        data : data,
        dataType: "json",
        success: function(data) {
            console.log('first me')
        }
        })
    ).then(function( data, textStatus, jqXHR ) {
        console.log('then me')
    });

this way it works. and outputs

first me

then me

But I want this ajax to be a function So this is how I'm trying to make it.

    var data = {
       test : 1
    }
    $.when(globalAjax(data)).then(function( data, textStatus, jqXHR ) {
        console.log('then me')
    });

---

    function globalAjax(data) {
           $.ajax({
        type: 'POST',
        url: ajaxurl,
        data : data,
        dataType: "json",
        success: function(data) {
            console.log('first me')
        }
        })

    }

this way console outputs then me and then first me.

How to ask to wait ajax inside a function?

Answer 1

 function globalAjax(data) {
     return $.ajax({
        type: 'POST',
        url: ajaxurl,
        data : data,
        dataType: "json",
        success: function(data) {
            console.log('first me')
           }
        });
    }

you need to return a promise from your function.

$.ajax({
        type: 'POST',
        url: ajaxurl,
        data : data,
        dataType: "json",
        success: function(data) {
            console.log('first me')
        }
        }).then(function( data, textStatus, jqXHR ) {
        console.log('then me')
        });

You dont need when $.ajax already returns a promise.