Почему я вижу ошибку «происхождение не разрешено Access-Control-Allow-Origin» здесь? [Дубликат]

XMLHttpRequest не позволит вам достичь localhost:8080 из-за "той же политики происхождения".

Вы можете разрешать запросы из современных браузеров, добавляя заголовок к вашему ответу на localhost:8080:

Access-Control-Allow-Origin: *

Вы можете сделать это, добавив директивы на свой HTTP-сервер или добавив заголовки через серверный код (PHP, Ruby,...).

Подробнее о запросах ajax для Cross-Origin на https://developer.mozilla.org/en/http_access_control

Если вы используете Chrome, простым решением (только для целей разработки) является использование опции --disable-web-security.

Добавьте решение global.asax в ваше решение.

Добавить

HttpContext.Current.Response.AddHeader("Access-Control-Allow-Origin", "*");

в

protected void Application_BeginRequest(object sender, EventArgs e)
{
}

Если вы используете apache, это работает: поместите это в/создайте файл .htaccess в свой общедоступный root и добавьте любые другие расширения файлов, которые могут вам понадобиться.

<FilesMatch "\.(ttf|otf|eot|woff|jpg|png|jpeg|gif|js|json|html|css)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>

Для локальной разработки вы можете использовать инструмент для изменения заголовков ответов HTTP. Например Charles может сделать это с помощью включенного инструмента перезаписи: Rewrite Tool

Просто добавьте новое правило для целевого домена/местоположения:

Type: Add Header
Where: Response
Replace
     Name: Access-Control-Allow-Origin
     Value: *
Replace All

Здесь нам нужно сделать две вещи для Apache Http

1) В файле httpd.config раскомментируйте этот файл

LoadModule headers_module modules/mod_headers.so

2) Добавьте эту строку внизу.

Header set Access-Control-Allow-Origin "*"

Если вы используете Google Chrome в качестве браузера, вы можете добавить расширение CORS и активировать его, он решит проблему с отверстием, не изменив ничего в вашем коде.

Если вы из фона java, одним из возможных решений может быть создание сервлета, который вызывает веб-службы для вашего javascript. что-то вроде приведенного ниже кода в методе GET (ваш выбор)...

JsonElement jelement;
    JsonArray jarray;
    try {
        URL url = new URL("http://rest."YOUR URL"#ba0482");
        URLConnection connection = url.openConnection();
        connection.setDoInput(true);
        InputStream inStream = connection.getInputStream();
        BufferedReader input = new BufferedReader(new InputStreamReader(inStream));

        jelement = new JsonParser().parse(input);

        jarray = jelement.getAsJsonArray();

        response.setContentType("application/json");
        PrintWriter out = response.getWriter();
        out.print(jarray);
        out.flush();
    } catch (FileNotFoundException e) {
        e.printStackTrace();
    } catch (IOException e) {
        e.printStackTrace();
    }
}

Теперь в javascript просто укажите url как имя сервлета!!

Несвязанный с этим конкретным вопросом, но для любого в этой ситуации с использованием jQuery... Эта ошибка также возникает, если вы пытаетесь сделать запрос JSONP с использованием jQuery и опустить параметр обратного вызова: callback=?

Я сталкиваюсь с тем же сообщением об ошибке при использовании ajax для доступа к php-странице (javascript и php файлы находятся на одном сервере).

Причина в том, что я указал IP-адрес как домен в своем JavaScript. Это заставило браузер полагать, что вызов php файла находится на другом сервере.

Так простое решение избавиться от этого сообщения об ошибке. a) проверить, что javascript и php файлы находятся на одном сервере b) убедитесь, что URL-адрес (в частности, домен) в вашем JavaScript (например, /myJavaScript.js) ajax отражает ваш URL-адрес сервера (например, http://www.smartana.co.uk/myServer.php).