AJAX跨域

AJAX跨域
AJAX不容许跨域访问。

跨域是指浏览器B显示的是服务器S1的数据，全是从S1取得的数据则是同域；但若是B显示的S1上的数据的某个好比img是从S2上取得的数据，则是跨域。端口不同也是跨域。跨域不只是跨服务器，仍是跨IP，跨端口。

AJAX经过三种方法，能够解决跨域问题。

一、设置请求头，每个路径里都要设置，能够封装成方法方便调用。
       res.setHeader("Access-Control-Allow-Origin","*");
       res.setHeader("Access-Control-Allow-Methods","GET,POST");
       3000服务器请求跨域到3001，须要在3001里改写代码
       
二、设置代理

三、JSONP  即JSON with padding,script的src能够提交服务器。本质上jsonp不是AJAX，是采用script绕过了AJAX的跨域问题。

       3001的路由表中，写：
       router.get('/jsonp',function(req,res){
           res.send("callback('ajax的跨域访问')")；
       });     //这种方法只能get提交
       
       在3000的html中输入：
       $("img").click(function(){
          $("body").append("<script src='http=//localhost:3001/users/jsonp'><\/script>");    //<\/script>里的\是转义符
       });
       
       用ajax实现jsonp
       $.ajax({
          type:"get,
          url:"http://localhost:3001/users/jsonp",
          data:{username:"abcabc"},
          dataType:"jsonp",
          success:function(data){
              console.log(data);
              }
          });
        3001的路由表中，写：
        router.get('/jsonp',function(req,res){
           res.jsonp("ajax的跨域访问")；
        });