jQuery Ajax不起作用-否'Access-Control-Allow-Origin'

Question

<html>
    <head>
        <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$( document ).ready(function() {

$('#my-form')
  .submit( function( e ) {
    $.ajax( {
      url: 'http://111.111.111.111:5008/form',
      type: 'POST',
      data: new FormData( this ),
      processData: false,
      contentType: false,
      success: function (data) {
       alert("SUCCESS");
      },
      error: function (textStatus, errorThrown) {
       alert("FAILED");
    }
  } );
    e.preventDefault();
  } )


});
</script>   
    </head>
    <body>
        <div>
            <form id="my-form">
                    <div>
                        File:
                            <input type="file" name="file" />
                    </div>
                    <div>
                        <button type="submit">Submit</button>
                    </div>
            </form>
        </div>
    </body>
</html>

I need to submit a form and see if it was successful. 我需要提交表格，看看是否成功。 The file is being uploaded on my server side and there are no errors, but ajax is saying it is failing (Failed alert showing). 该文件正在我的服务器端上载，没有错误，但是ajax说它失败了（显示失败警报）。 I opened the console and it gives the error: 我打开控制台，它给出了错误：

XMLHttpRequest cannot load http://111.111.111.111:5008/form. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://111.111.111.111' is therefore not allowed access.

So the form is being uploaded because I can see it is from my database. 因此正在上载表单，因为我可以从数据库中看到它。 I googled the error and it seems I can use jsonp as a datatype in my ajax. 我在错误中进行了搜索，看来我可以在Ajax中将jsonp用作数据类型。 I tried this and it did not work, but I would rather not use this for the security risks and I have no need for that data type. 我尝试过此方法，但它没有用，但我不希望将其用于安全风险，并且不需要该数据类型。

Answer 1

I have found the issue. 我发现了问题。 From my server the response back needs to modify the header. 从我的服务器返回的响应需要修改标头。 The header needs to allow all origins. 标头需要允许所有来源。 Here is an example with Java (vertx.io). 这是Java（vertx.io）的示例。

ctx.response().putHeader("Access-Control-Allow-Origin ", "*");

Once I added this to my server code, the requests and responses work as needed. 将其添加到服务器代码后，请求和响应将按需工作。

jQuery Ajax不起作用-否'Access-Control-Allow-Origin'

问题描述

1 个解决方案

解决方案1
0 2015-07-03 21:24:23

jQuery Ajax不起作用-否&#39;Access-Control-Allow-Origin&#39;

问题描述

1 个解决方案

解决方案1 0 2015-07-03 21:24:23

jQuery Ajax不起作用-否'Access-Control-Allow-Origin'

解决方案1
0 2015-07-03 21:24:23