Problem using Securityerror iframe

Question

Good night, I have a form system, and my client wants to put the form on his website.

His team requested me an iframe for implementation on the portals and web-sites but when I did a test presents the following error:

Securityerror: Blocked a frame with origin "http://meucliente.meudominio.com" from accessing a cross-origin frame.

iframe, is in a test.html file that is running on localhost, every Ajax request works only when I give a Submit in a form that this occurs.

Does anyone know how to solve?

Answer 1

Hello I do not know why it happened but solved my problem.

This error only happened when I tried to typeof inside my beforeSend in ajax.

I modified it to the script below and now it works:

beforeSend: function (xhr) {
                    try {
                        parent.systemForms.beforeSend();
                    } catch (e) {
                        console.log("WARNING >>>", "systemForms.beforeSend not exists!");
                    }
                    return xhr;
                },

Before (when the error occurred):

beforeSend: function () {
                    if(typeof parent.systemForms != 'undefined') {
                          parent.systemForms.beforeSend();

                    } else {
                          console.log("WARNING >>>", "systemForms.beforeSend not exists!");
                    }
                },

Answer 2

You must use the CORS, the server that is receiving should send back the following HTTP header.

Access-Control-Allow-Origin: seudominio

If you are a server Apache just follow these instructions.