ajax前后端数据传输的编码格式，Ajax提交json格式的数据、Ajax提交文件数据、Ajax实现弹窗的二次确认、批量增加数据、分页的原理及推导、分页类的使用

Ajax通常用于与服务器异步交换数据。以下是使用Ajax以不同格式传输数据的示例：

1. 使用Ajax提交JSON格式的数据：

var xhr = new XMLHttpRequest();
xhr.open("POST", "your_url", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function () {
    if (xhr.readyState === 4 && xhr.status === 200) {
        console.log(xhr.responseText);
    }
};
var data = JSON.stringify({
    key1: 'value1',
    key2: 'value2'
});
xhr.send(data);

2. 使用Ajax提交文件数据（通常用于表单数据提交，需要将FormData对象作为数据发送）：

var xhr = new XMLHttpRequest();
xhr.open("POST", "your_url", true);
var formData = new FormData();
formData.append('file', fileInputElement.files[0]);
formData.append('otherData', 'yourData');
xhr.onreadystatechange = function () {
    if (xhr.readyState === 4 && xhr.status === 200) {
        console.log(xhr.responseText);
    }
};
xhr.send(formData);

3. 使用jQuery的Ajax提交JSON和文件数据：

// JSON数据
$.ajax({
    url: 'your_url',
    type: 'POST',
    contentType: 'application/json',
    data: JSON.stringify({key: 'value'}),
    success: function(response) {
        console.log(response);
    }
});
 
// 文件数据
var formData = new FormData($('#yourForm')[0]);
$.ajax({
    url: 'your_url',
    type: 'POST',
    data: formData,
    contentType: false,
    processData: false,
    success: function(response) {
        console.log(response);
    }
});

注意：在使用Ajax提交数据时，确保服务器端接口能够正确处理发送的数据格式。