如何使用 Upload 使用 AJAX 将数据从 HTML 表单发送到 PHP

Question

我是php和jquery的新手，所以我不知道如何使用ajax发布数据，尤其是文件上传系统。我有用于上传的 php 代码，但在我的项目中，它可能需要与 ajax 有关。

Answer 1

你应该在函数中使用 Javascript/jQuery 来做到这一点。 我通常这样用jQuery来做：

$.post("your_php_file.php",
{
value1: $("#id1").val(),
value2: $("#id2").val(),
value3: $("#id3").val()
})
.done(function (data) {
alert(data); //shows message
window.location.reload(); //reload page 
});

Answer 2

function dataSubmit(formid){
//alert(formid);
//   $('.result').html('<p style="display:block; text-align:center;"><i class="fa fa-refresh fa-spin fa-fw" aria-hidden="true"></i><span class="sr-only">Process...</span> Processing</p>');
var action = $(formid).attr('action');
var fd = new FormData();
var file_data = $('input[type="file"]')[0].files; // for multiple files
for(var i = 0;i<file_data.length;i++){
fd.append("file_"+i, file_data[i]);
}
var other_data = $('form').serializeArray();
$.each(other_data,function(key,input){
fd.append(input.name,input.value);
});
$.ajax({
url: action,
data: fd,
contentType: false,
processData: false,
type: 'POST',
success: function(data){
console.log(data);
var tag = 'Successfull';
if(data.indexOf(tag) != -1){
eagleToast(data, 5000,'green');
}
else
{
eagleToast(data, 5000,'red');
}
}
});
}

我希望这段代码能工作。