Home / Questions

Questions[cors]

Martin Hope
ntzz
Asked: 2020-07-06 03:36:21 +0800 CST
  • 1

I have an HTML file that calls a script.

This script is external, which makes calls to other scripts that give me the following error:

test.min.js?v=5&lang=en&key=5454545:192 Access to XMLHttpRequest at 'file://test.com/maps/data_en.json' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

This problem is solved if I run the HTML on a web server, but I want a user to be able to open the HTML and run it directly locally without the need for a web server.

Is there anything I can do to avoid this error or could I just be in the chaos of accessing external scripts?

cors
Martin Hope
Caruso
Asked: 2020-08-17 03:16:09 +0800 CST
  • 3

I have this JQUERY code:

$(document).ready(function() {
listarDetalle();

});
function listarDetalle(){
     var accion="listar";
       var URLprotocol = window.location.protocol;
    $.ajax({
     
            type: "POST",
            url: URLprotocol+"//gestionweb/includes/php/procesoDetalle.php",
            data: { "accion":accion}, 
            dataType:'json',
        
            error: function(){
                alert("error petición ajax");
               
            },
            
            success: function(data){
                console.log(data);
             
                                   
               for (var i = 0; i < data.length; i++) {
        
                var newRow =
                    "<tr>" +
                    "<td>" + data[i].idp + "</td>" +
                    "<td>" + data[i].nombre + "</td>" 
                    "<td>" + data[i].marca + "</td>" +
                    "<td>" + data[i].cantidad + "</td>" +
                    "<td><input type='radio' id='"+data[i].idproducto+"' name='seleccion'/></td>"+
                    "</tr>";
                $(newRow).appendTo("#ticket tbody");                 
       
    
               
            
        
  

        } }
        
}).fail( function( jqXHR, textStatus, errorThrown ) {

  if (jqXHR.status === 0) {

    alert('Not connect: Verify Network.');

  } else if (jqXHR.status == 404) {

    alert('Requested page not found [404]');
  

  } else if (jqXHR.status == 500) {

    alert('Internal Server Error [500].');

  } else if (textStatus === 'parsererror') {

    alert('Requested JSON parse failed.');

  } else if (textStatus === 'timeout') {

    alert('Time out error.');

  } else if (textStatus === 'abort') {

    alert('Ajax request aborted.');

  } else {

    alert('Uncaught Error: ' + jqXHR.responseText);

  }

});;

};

And I get this error:

Blocked Cross-Origin Request: The Same-Origin Policy does not allow reading the remote resource at http://gestionweb/includes/php/procesoDetalle.php . (Reason: CORS request was rejected.)

Try with:

dataType:'jsonp',

That I found on a website, but if I do that it tells me that the script load failed. I really don't know what to do. I enclose images of google chrome of the headers... the address appears well, let's say it is:

http://localhost/gestionweb/includes/php/procesoDetalle.php

enter image description here

enter image description here

As you can see, it gives the error 302 in DetailProcess.php as the resource was moved but I don't understand.

I call it from another script and all good

cors