Difficulty with AJAX and JSONP

Question

I’m having a problem returning ajax with jsonp, it returns json, but I can’t work with it.

Code:

$.ajax({
    method: "GET",
    url: "http://minasul.tecnologia.ws/previsao/index.php?tipo=TODAS",  
    async: false,
    contentType: "application/json",
    dataType: 'jsonp',
    success: function(json) {
        //QUANDO USO O SUCCESS, ELE NÃO ENTRA AQUI NESSE BLOCO
        //QUANDO USO O COMPLETLE, ELE ENTRA, MAS NÃO CONSIGO TRABALHAR COM O JSON
    }
});

Jsfiddle

Answer 1

Friend, perhaps your difficulty is similar to what I was having. Instead of using $.ajax utilize $.getJSON.

For some reason even I include in Header the properties (Access-Control-Allow-Origin","*") and ("Access-Control-Allow-Methods", "GET, POST") you’re still in error.

Try it this way:

 $.getJSON('Endereco_do_endpoint', function (data) {
 
      //Percorrer pelos itens retornados
      $.each(data, function (key, item) {
        console.log(item.ID);
      });
 });

Answer 2

In your page where it is executed select vc should give an echo jsonencode. Example:

 $query = 'SELECT * FROM TABELA';
echo json_encode($query->result());

Soon you can get the result in your ajax.

$.ajax({
    type: "POST",
    url: "http://minasul.tecnologia.ws/previsao/index.php?tipo=TODAS",  
    async: false,
    dataType: 'json',
    success: function(data) {
       console.log(data);
    }
});