HTML5 通信API 跨域门槛将不再高、数据推送也不再是梦

璐瑶西西

璐瑶西西

2016-02-19 11:22

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的HTML5 通信API 跨域门槛将不再高、数据推送也不再是梦懂设计的网友们快点来了解吧!
前言

HTML5新增通信相关两个API,跨文档消息传输与WEB Sockets API,

跨文档消息传输功能,可以在不同网页文档,不同端口(跨域情况下)进行消息传递。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

使用web sockets api 可以让客户端与服务器端通过socket端口传递数据,这样便可以使用数据推送技术。

跨文档消息传输

在之前我们若想跨域获取信息会花很多功夫,现在只要获取网页所在窗口对象实例变可以实现互相通信。

(本文来源于图老师网站,更多请访问http://m.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) {
//应该要检查消息

展开更多 50%)
分享

猜你喜欢

HTML5 通信API 跨域门槛将不再高、数据推送也不再是梦

Web开发
HTML5 通信API 跨域门槛将不再高、数据推送也不再是梦

HTML5 window/iframe跨域传递消息 API介绍

Web开发
HTML5 window/iframe跨域传递消息 API介绍

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

貌美如花不再是梦

皮肤护理
貌美如花不再是梦

年轻20岁不再是梦

生活常识 生活小常识
年轻20岁不再是梦

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

怎么减双下巴 减掉双下巴不再是梦

减肥方法 瘦身
怎么减双下巴 减掉双下巴不再是梦

浏览长Word文档不再是负担

办公软件
浏览长Word文档不再是负担

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

iOS - UIButton(UIEdgeInsets)/设置button上的文字和图片上下垂直居中对齐

iOS - UIButton(UIEdgeInsets)/设置button上的文字和图片上下垂直居中对齐

win7 32位突破4G内存的技巧

win7 32位突破4G内存的技巧
下拉加载更多内容 ↓