jQuery AJAX $_POST is null

Question

帮助我了解AJAX是如何工作的。我试图在PHP文件中获取$_POST，但它是null。请告诉我哪里出了问题？

$('#pdfGenerator').on('submit', pdfEdit);
function pdfEdit(e) {
e.preventDefault();
let data = [],
pdfLists = [];

$('.file-box .file-item').each(function(index, element) {
pdfLists.push({
'i': index,
'pdf_id': $(element).find('textarea').attr('id'),
'pdf_title': $(element).find('h6').text(),
'pdf_add_text': $(element).find('textarea').val(),
});
});

data.pdfLists = pdfLists;
console.log(data);

$.ajax({
url: 'ajax.php',
data: data,
type: 'POST',
dataType: 'json',
contentType: false,
processData: false,
success: function(response) {
console.log(response.data);
},
error: function(response) {
console.log(response);
}
});
}

https://codepen.io/alone69li/pen/mdrVbXW

Answer 1

要通过ajax向PHP提交数据，需要将processData标记设置为true。请尝试更改

$.ajax({
url:'ajax.php',
data:data,
type:'POST',
dataType: 'json',
contentType: false,
processData: false,
success:function(response){
console.log(response.data);
},

至

$.ajax({
url:'ajax.php',
data:data,
type:'POST',
dataType: 'json',
processData: true,
success:function(response){
console.log(response.data);
},