Javascript jsonp 和ajax跨域请求

跨域是指在脚本代码中向非同源域发送HTTP请求，这是跨站资源请求，会受到同源策略限制而失败。

JSONP(JSON with Padding)方法：

    
    


    

        点击
    

Jquery 方法：

    
    


    

        点击
    

CORS（cross-origin-resource-sharing）方法：

CORS 允许一个域上的网络应用向另一个域提交跨域 AJAX 请求。实现此功能非常简单，只需由服务器发送一个响应标头即可。

可能在IE10 以下不支持， 想要兼容 IE8 IE9，需要使用 XDomainRequest 代替 XMLHttpRequests

function getHello() {
var xhr = new XMLHttpRequest();
xhr.open("post", "http://b.example.com/Test.ashx", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");　
　　 
// 声明请求源
xhr.setRequestHeader("Origin", "http://a.example.com");

xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
var responseText = xhr.responseText;
console.info(responseText);
}
}
xhr.send();
}

WebSocket

Websocket是HTML5的一个持久化的协议，它实现了浏览器与服务器的全双工通信，同时也是跨域的一种解决方案

原生WebSocket API使用起来不太方便，我们使用Socket.io，它很好地封装了webSocket接口，提供了更简单、灵活的接口，也对不支持webSocket的浏览器提供了向下兼容。

user input：

postMessage

//发送信息页面 http://localhost:63342/index.html

  
  
      
       
  
  
      
      
  
  

//接收信息页面 http://localhost:3000/message.html
 window.addEventListener("message",function(e){ //通过监听message事件，可以监听对方发送的消息。
  console.log(e.data);  
},false);