JQueryのAjaxの例文

jQuery.ajax()

JQuery3でAjaxを使う際にたまに見るけど毎回使いやすい例文が無いのでメモ

$.ajax({
        url: url,
        type: 'POST',
        data: {
            param: $('#param').val()
        },
        headers: {
            'X-Custom-Header': '独自のヘッダ'
        },
        dataType: 'json',
        timeout: 5000
    })
    .done(function(response, textStatus, jqXHR) {
        // success
    })
    .fail(function(jqXHR, textStatus, errorThrown) {
        // error
        var response = JSON.parse(jqXHR.responseText);
        if (jqXHR.status === 404) {
            // 404
        }
        if (jqXHR.status === 0) {
            // timeout
        }
    })
    .always(function() {
        // always
    });

contentType: 'application/json',

を設定するとpayloadになるのでPHPは$_POSTだと取れなくなります。

を使って動作確認すると良いかも