In my browser I see the url and it starts with "HTTPS ://ide50etc". I get the EM however that says "loading... HTTP ://ide50etc". Why does it do that? It doesn't happen all the time. When my session is still clean this EM is created but once filled with stuff it disappears. I don't get the connection between the two at all. I use an ajax post request to post a json object and attach a promise to that. When done a second request is fired that sends images and sounds. I don't really know what code is relevant except all of it, of course but that's quite a lot. Please let me know what more info you need.

   $('#jsonSubmit').on('submit', function(event) {
            $.ajax({
                url : "/processWord",
                type: 'POST',
                contentType:'application/json',
                data: sendFormData
            }).done(function(response) {
                   $('#formulier').trigger('submit')
            }).fail(function(xhr) {
                   console.log('error', xhr);               }
            });
            event.preventDefault();
        });
    });

In my browser I see the url and it starts with "HTTPS ://ide50etc". I get the EM however that says "loading... HTTP ://ide50etc". Why does it do that? It doesn't happen all the time. When my session is still clean this EM is created but once filled with stuff it disappears. Or is it? I force the template to be rendered again and then I get another EM: Cross-Origin-aanvraag geblokkeerd: de Same Origin Policy staat het lezen van de externe bron op https://ide50-oyz1.cs50.io:8080/processWord niet toe. (Reden: CORS-header ‘Access-Control-Allow-Origin’ ontbreekt). The header is missing. So I've installed flask-cors. And I added :

    from flask_cors import CORS
    app = Flask(__name__)
    CORS(app)

Right? But alas, the same message persists. I am now banging my head against the wall. Even if it worked, I'd love to understand this and I really don't. I use an ajax post request to post a json object and attach a promise to that. When done a second request is fired that sends images and sounds. I don't really know what code is relevant except all of it, of course but that's quite a lot. Please let me know what more info you need.

   $('#jsonSubmit').on('submit', function(event) {
            $.ajax({
                url : "/processWord",
                type: 'POST',
                contentType:'application/json',
                data: sendFormData
            }).done(function(response) {
                   $('#formulier').trigger('submit')
            }).fail(function(xhr) {
                   console.log('error', xhr);               }
            });
            event.preventDefault();
        });
    });

In my browser I see the url and it starts with HTTPS://ide50etc. I get the EM however that says loading... HTTP://ide50etc. Why does it do that? It doesn't happen all the time. When my session is still clean this EM is created but once filled with stuff it disappears. I don't get the connection between the two at all. I use an ajax post request to post a json object and attach a promise to that. When done a second request is fired that sends images and sounds. I don't really know what code is relevant except all of it, of course but that's quite a lot. Please let me know what more info you need.

   $('#jsonSubmit').on('submit', function(event) {
            $.ajax({
                url : "/processWord",
                type: 'POST',
                contentType:'application/json',
                data: sendFormData
            }).done(function(response) {
                   $('#formulier').trigger('submit')
            }).fail(function(xhr) {
                   console.log('error', xhr);               }
            });
            event.preventDefault();
        });
    });

In my browser I see the url and it starts with "HTTPS ://ide50etc". I get the EM however that says "loading... HTTP  ://ide50etc". Why does it do that? It doesn't happen all the time. When my session is still clean this EM is created but once filled with stuff it disappears. I don't get the connection between the two at all. I use an ajax post request to post a json object and attach a promise to that. When done a second request is fired that sends images and sounds. I don't really know what code is relevant except all of it, of course but that's quite a lot. Please let me know what more info you need.

   $('#jsonSubmit').on('submit', function(event) {
            $.ajax({
                url : "/processWord",
                type: 'POST',
                contentType:'application/json',
                data: sendFormData
            }).done(function(response) {
                   $('#formulier').trigger('submit')
            }).fail(function(xhr) {
                   console.log('error', xhr);               }
            });
            event.preventDefault();
        });
    });