javascript - 如何在getcontenttools库中通过jquery发送ajax

Question

嗨，我正在使用https://github.com/getmeuk/ContentTools我的项目中的库，在文档中使用纯js发送ajax请求，我想使用jquery发送数据， 但我不知道该怎么做。

这是用纯 JavaScript 发送 ajax 的代码:

// Send the update content to the server to be saved
    onStateChange = function(ev) {
        // Check if the request is finished
        if (ev.target.readyState == 4) {
            editor.busy(false);
            if (ev.target.status == '200') {
                // Save was successful, notify the user with a flash
                if (!passive) {
                    new ContentTools.FlashUI('ok');
                }
            } else {
                // Save failed, notify the user with a flash
                new ContentTools.FlashUI('no');
            }
        }
    };

    xhr = new XMLHttpRequest();
    xhr.addEventListener('readystatechange', onStateChange);
    xhr.open('POST', '/x/save-page');
    xhr.send(payload);

Answer 1

使用 JQuery 本教程的这一部分可以重写如下:

// Collect the contents of each region into an object we can send to the 
// server.
var payload = {'__page__': window.location.pathname};
for (var name in regions) {
    payload[name] = regions[name];
}

// Send the updated content to the server to be saved
var req = $.ajax({
    method: 'POST',
    url: '/x/save-page',
    data: payload
    });

req.done(function() {
    // Save was successful, notify the user with a flash
    new ContentTools.FlashUI('ok');
});

req.fail(function() {
    // Save failed, notify the user with a flash
    new ContentTools.FlashUI('no');
});

req.always(function() {
    // Make sure the editor is no longer set in a busy state
    ContentTools.EditorApp.get().busy(false);
});