1
私はAJAX経由でサードパーティのAPIに投稿リクエストを送信しようとしていますが、私はこれらの2つのエラーを返されています。Ajax multipart/formdata投稿のリクエスト
メインスレッドの同期XMLHttpRequestは、エンドユーザーの経験に有害な影響を与えるため、非推奨です。ブロックされた
クロスオリジン・リクエスト：同一生成元ポリシーは、ここで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>
は、AJAX要求のための私のjQueryのコードです：
$(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を使用しているため、最初の「エラー」は警告に過ぎません。 （これは、非同期のajaxリクエストを処理する方法がわからないため、これを行うのは良い考えではありません）。2番目のエラーには、グーグルで見つかるさまざまな回答がいくつかあります。これらのいくつかが役立つはずです。 – BobRodes