Jquery template does not work on HTTPS page

Question

I have an AJAX function that works on several pages, except on a page that uses HTTPS:

$.ajax({
    url : url,
    type : "get",
    async: false,
    success : function(result) {

       console.log("Status AJAX: " + result.resultStatus);
       if(result.resultStatus == 'SUCCESS'){
           $('#div-select-filter-ligth-box').html(
               $('#select-ligth-box-template').tmpl({
                   lista : result.list
                })
           );
       }
       return false;
    },
    error: function() {
       console.log('AJAX Error');
    }
 });

I have debugged the function and the AJAX is returned data. Does anyone know the cause of this problem?

Answer 1

Try adding Access-Control-Allow-Origin to the server header.

Access-Control-Allow-Origin: https://www.minhapagina.com

If you are using Google Chrome add the Cors extension to your browser: https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?utm_source=chrome-ntp-icon

Answer 2

The fact is that HTTP and HTTPS do not talk to each other (their description has this symptom). If the answer comes clean and the connection is encrypted the server will not understand it. Check your server configuration and make sure that Javascript has the ability to work on HTTPS.