Angularjs $http.get(localhost/test) does not work in Chrome

Question

In my controller I have a $http.get(http://www.testesitelocal.com:18888/teste_json) that returns the values of the JSON test. I make this request on my local machine. In the Webview I made in Javafx this works normal, but in Chrome it doesn’t work (in Firefox and in IE the normal request occurs).

Error return:

Xmlhttprequest cannot load http://www.testesitelocal.com:18888/teste_json . No 'Access-Control-Allow-Origin' header is present on the requested Resource. Origin 'http://www.testesitelocal.com:8000 <http://www.testesitelocal.com/>' is therefore not allowed access.

Answer 1

I found the answer! Look:

Definition of explicit domains: (1, 2, 3 and 4)

Javascript configuration:

With jQuery/Zepto:

function verificaCodigoTurma(codigo, retorno) {
  try {
    $.support.cors = true;
    $.ajax({
      cache: false,
      timeout: 5000,
      //async: false,
      type: 'POST',
      //crossDomain: true,
      url: 'http://TESTESTE/VERIFICA',
      dataType: 'json',
      contentType: 'application/json; charset=utf-8',
      data: '{"sch_code":"' + codigo + '", "app_id":1}',
      //JSON.stringify(teste),
      success: function (data) {
        retorno(data);
      }
    });
  }
  //Exceção geral da sincronização
  catch (err) {}
}

No jQuery / Vanilla-JS:

function verificaCodigoTurma2(codigo, retorno) {
  var xmlhttp = new XMLHttpRequest();

  var params = '{"sch_code":"' + codigo + '", "app_id":1}';

  xmlhttp.open("POST", "http://www.ETESTEr.com.br/Services/TESTE.svc/TESTE", false);
  xmlhttp.setRequestHeader("Content-type", "application/json");
  xmlhttp.setRequestHeader("Content-length", params.length);
  xmlhttp.setRequestHeader("Connection", "close");
  //Para funcionar, além da configuração abaixo é necessário colocar o seguinte header no servidor:
  //Access-Control-Allow-Credentials: true
  xmlhttp.withCredentials = true;
  xmlhttp.send(params);
  var jsonResponse = JSON.parse(xmlhttp.responseText);
  retorno(jsonResponse);
}

You can still use JSONP, in the case of GET requests.

For CORS to work you must also configure the server:

IIS:

<system.webServer>
  <modules runAllManagedModulesForAllRequests="true"/>
  <httpProtocol>
  <customHeaders>
    <add name="Access-Control-Allow-Origin" value="*" />
    <add name="Access-Control-Allow-Methods" value="GET, POST" />
    <add name="Access-Control-Allow-Headers" value="Content-Type" />
  </customHeaders>
</httpProtocol>

Apache:

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

Remember that these settings above allow any website to access data of yours, removing its security. So try to restrict the domains covered by Access-Control-Allow-Origin.

Accredited: Airton Barbosa who succeeded and went after the correct answer and even offered more than one solution