почему мой jquery ajax-вызов и ошибка при вызове локального веб-сервиса

Question

Я пытаюсь сделать запрос, используя Ajax, но получаю ответ об ошибке {"readyState":0,"status":0,"statusText":"error"}.Вот код для моего вызова Ajax:

$(document).ready(function() {
    $.ajax({
        url : "http://localhost:8080/persons/all",
        /* url : "https://reqres.in/api/users?page=2", */
        type : "GET",
        dataType : "json",
        contentType : "application/json",
        ajaxSuccess : function(data) {
            alert("Success " + JSON.stringify(data));
        },
        beforeSend : function(data) {
            alert("BeforeSend " + JSON.stringify(data));
        },
        complete : function(data) {
            alert("Complete " + JSON.stringify(data));
        },
        success : function(data) {
            alert("Success " + JSON.stringify(data));
        },
        error : function(data) {
            alert("Error " + JSON.stringify(data));
        }
    });
});

Вот результат вызова http://localhost:8080/persons/all в браузере

{
  "2": {
    "id":"2",
    "firstName":"Steve",
    "lastName":"Smith",
    "age":21
  },
  "1": {
    "id":"1",
    "firstName":"Steve",
    "lastName":"Smith",
    "age":21
  }
}

Хотя вызов Ajax по этой ссылке работает, https://reqres.in/api/users?page=2 Вот результат

{
  "readyState": 4,
  "responseText":"{
    \"page\":2,
    \"per_page\":3,
    \"total\":12,
    \"total_pages\":4,
    \"data\":[
      {
        \"id\":4,
        \"first_name\":\"Eve\",
        \"last_name\":\"Holt\",
        \"avatar\":\"128.jpg\"
      },
      {
        \"id\":5,
        \"first_name\":\"Charles\",
        \"last_name\":\"Morris\",
        \"avatar\":\"128.jpg\"
      },
      {
        \"id\":6,
        \"first_name\":\"Tracey\",
        \"last_name\":\"Ramos\",
        \"avatar\":\"o/128.jpg\"
      }
    ]
  }",
  "responseJSON": {
    "page":2,
    "per_page":3,
    "total":12,
    "total_pages":4,
    "data":[
      {
        "id":4,
        "first_name":"Eve",
        "last_name":"Holt",
        "avatar":"128.jpg"
      },
      {
        "id":5,
        "first_name":"Charles",
        "last_name":"Morris",
        "avatar":"128.jpg"
      },
      {
        "id":6,
        "first_name":"Tracey",
        "last_name":"Ramos",
        "avatar":"128.jpg"
      }
    ]
  },
  "status":200,
  "statusText":"OK"
}

Почему не работает звонок на мой локальный URL?Мой веб-сервис находится в порту 8080, а мое веб-приложение в 8081. Я боролся с этим в течение последних 10 дней.Пожалуйста, помогите !!!

Answer 1

ошибка произошла для механизма (CrossSource Resource Sharing (CORS)), вы не можете отправить запрос из домена в другой домен !!!или запрос от локального к другому домену !!!

Вы можете отправить запрос на другой домен, что HTTP-заголовок CORS является доступом к другому doamin!