Métodos para implementar solicitudes de dominio cruzado AJAX utilizando postmessage en HTML5

Este artículo presenta principalmente la información relevante sobre el método de usar postmessage para implementar solicitudes de dominio cruzado AJAX en HTML5. Amigos que lo necesitan pueden referirse a él

Debido a la limitación de políticas homólogas, JavaScript tiene problemas con la comunicación de dominio cruzado, y los problemas típicos de dominio cruzado incluyen la comunicación entre iframe y padre.

(1) documento.domain+iframe;

(2) crear dinámicamente scripts;

(3) iframe+ubicación.hash;

(4) Flash.

No entraré en detalles sobre estos métodos aquí, pero se registra la ventana. PostMessage of HTML5.

El postmessage es compatible con IE8+, Firefox, Opera, Safari y Chrome.

Se necesitan dos servidores extranjeros para las pruebas y, por supuesto, los servidores locales y en línea también se pueden usar como dos servidores extranjeros.

Si se desarrolla con PhoneGap, puede instalar el archivo de solicitud en el cliente y luego solicitar dinámicamente el procesamiento de datos del servidor para obtener y mostrar los datos. De esta manera, puede usar cualquier lenguaje y método de desarrollo web para desarrollar el backend requerido para la aplicación PhoneGAP.

PostMessage es una nueva API introducida por HTML5 para resolver el problema del dominio cruzado de JS, lo que permite múltiples comunicaciones para iFrames/Windomain.

Suponga que hay una estructura de la siguiente manera: