0

ajaxを使用してフォームデータを取得し、API URLに送信してから、フォームに記入したユーザーをサンキューページにリダイレクトしようとしています。

<form id="valform">
<!-- form elements -->
</form>
<div id="status_message"></div>

単純なフォーム コードが上で、ajax コードが下にあります。

$(document).ready(function(){
var API_URL = 'http://www.some-api-provider.com/api.php';    
$('#valform').on('submit', function (e){
e.preventDefault();

$.ajax({
  type: 'GET',
  url: API_URL,
  data: $('#valform').serialize(),
  success: function () {
    window.location.href = "thankyou.html";

  },
  error: function () {
    alert('There was a problem!'); // do something better than this!
  }
});
return false;
});

このコードに問題はありますか? GET セクションで警告メッセージを受け取り続けているので、何か問題があると思います。

4

1 に答える 1

1

ファイルが と同じドメインでホストされていない限りAPI_URL、AJAX はリクエストを停止します。そのため、エラー メッセージが表示されます。これは、ハッキング手法であるXSS (クロス サイト スクリプティング)を阻止するためです。これは、同一ドメインポリシーと呼ばれます。

于 2012-08-14T05:07:09.960 に答える