人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的HTML5 通信API 跨域门槛将不再高、数据推送也不再是梦懂设计的网友们快点来了解吧!
【 tulaoshi.com - Web开发 】
前言HTML5新增通信相关两个API,跨文档消息传输与WEB Sockets API,
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)跨文档消息传输功能,可以在不同网页文档,不同端口(跨域情况下)进行消息传递。
使用web sockets api 可以让客户端与服务器端通过socket端口传递数据,这样便可以使用数据推送技术。
跨文档消息传输在之前我们若想跨域获取信息会花很多功夫,现在只要获取网页所在窗口对象实例变可以实现互相通信。
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)首先要想从其他窗口接受发过来的消息需要对其窗口对象进行监听:
window.addevntListener('message', function () {}, false)
使用windows对象的postMessage方法向其他窗口发生信息:
otherWindow.postMessage(message, targetOrigin)第一个参数为发送文本,也可以是js对象(json)第二个参数为接收消息对象窗口的URL,可以使用通配符
简单示例:
代码如下:
post信息
!DOCTYPE html
html xmlns="http://www.w3.org/1999/xhtml"
head
title/title
script src="../jquery-1.7.1.js" type="text/javascript"/script
script type="text/javascript"
$(document).ready(function () {
window.addEventListener('message', function (ev) {
//应该要检查消息
来源:http://www.tulaoshi.com/n/20160219/1597242.html
看过《HTML5 通信API 跨域门槛将不再高、数据推送也不再是梦》的人还看了以下文章 更多>>