Я пытаюсь отправить запрос на отправку стороннего API через AJAX, но я возвращаю эти две ошибки, которые я не могу превзойти или исправить.Ajax multipart/formdata post request
Синхронный XMLHttpRequest в основной теме устарел из-за его пагубных последствий для конечного пользователя.
Cross-Origin Request Заблокировано: The Same Origin Policy Запрещает чтение удаленного ресурса на https://my-provided-api-url
Вот мой HTML отправить форму:
<div class="upload">
<h2>Select a file for upload</h2>
<form name="addProductForm" id="addProductForm" action="javascript:;" enctype="multipart/form-data" method="post" accept-charset="utf-8">
<input type="file" id="myFile">
<input type="submit" value="Submit" id ="submit-button">
</form>
</div>
Вот мой JQuery код для запроса AJAX :
$(document).ready(function() {
$("#addProductForm").submit(function (event) {
event.preventDefault();
var formData = $(this).serialize();
$.ajax({
url: 'https://my-provided-api-url',
type: 'POST',
data: formData,
async: false,
cache: false,
contentType: false,
processData: false,
success: function() {
alert('Form Submitted!');
},
error: function(){
alert("error in ajax form submission");
}
});
return false;
});
});
Благодарим вас заранее.
Первая «ошибка» - это просто предупреждение, потому что вы используете async: false. (Не рекомендуется делать это только потому, что вы не знаете, как обрабатывать async-запросы ajax.) Вторая ошибка имеет любое количество ответов, которые вы найдете, отправив их в Google. Вы должны найти некоторые из этих полезных. – BobRodes