XHR加载失败：GET [重复]

Question

This question already has answers here:

                </div>
            </div>
                    <div class="grid--cell mb0 mt4">
                        <a href="/questions/20035101/why-doesn-t-postman-get-a-no-access-control-allow-origin-header-is-present-on" dir="ltr">Why doesn’t Postman get a “No 'Access-Control-Allow-Origin' header is present on the requested resource” error when my JavaScript code does?</a>
                            <span class="question-originals-answer-count">
                                (8 answers)
                            </span>
                    </div>
            <div class="grid--cell mb0 mt8">Closed <span title="2017-02-16 14:59:43Z" class="relativetime">3 years ago</span>.</div>
        </div>
    </aside>

I am trying to get some return value from Web Service and i am using ajax jQuery.

I am getting these errors:

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

XHR failed loading: GET "http...".

<script language="text/javascript">
  getUserValue();

  function getUserValue() {
    var number = "0000317930";
    var fullName = "NURULLAH ALTINTAŞ";
    var dataString = "{ 'number' : '" + number + "', 'fullName' : '" + fullName + "'}";
    $.ajax({
      type: "GET",
      url: "http://...",
      data: {
        number: number,
        fullName: fullName
      },
      contentType: "application/x-www-form-urlencoded; charset=UTF-8",
      dataType: "xml",
      success: OnSuccessGetConnectionArticles,
      failure: OnFailureGetConnectionArticles,
      error: OnErrorGetConnectionArticles
    });
  }

  function OnSuccessGetConnectionArticles(response) {
    debugger;
    $.each(response.RestResponse.result, function(index, value) {
      $("#list").append('<li><span class="tab">' + value.name + '</span></li>');
    });
  }

  function OnErrorGetConnectionArticles(response) {
    debugger;
    alert(response.d);
  }

  function OnFailureGetConnectionArticles(response) {
    debugger;
    alert(response.d);
  }
</script>

</div>

Answer 1

If you are using PHP in server side you should use in your requested page the following code::

$origin = 'http://localhost:8181';
header("Access-Control-Allow-Origin: " . $origin);

if you are using some other anguage then you should find similar to this.