跨域的post

之前有写过一个项目，前后端分开写的，请求的时候涉及到跨域，所以记下来demo，分享一下。

<script src="jquery-1.11.3.js"></script>//引入js文件

<script>
   fetch('http://....',{//url地址
                async:true,//同步还是异步
                method:'POST',//方法
                node:'cors',
//
                 // headers:{'Content-Type':'application/x-www-form-urlencoded'},
                body:JSON.stringify({
                    userName:$('#userName').val(),
                    password:$('#userPasswd').val()
                })
            }).then(function(response){
                console.log(response);
                if(response.ok){
                    return response.json()
                }
            }).then(function(data){
                console.log(data);
                if(data.result==1){
                    alert(data.message);
         
                 //window.location.href="menu.html";
                    console.log(token);
                }
            }).catch(function(e){
                console.log("fetch fail",JSON.stringify(e));
            });
        });


</script>

如果浏览器不兼容，就用jsonp好了，代码如下

if(self.fetch) {
// 使用 fetch 方法
} else {
// 使用 ajax方法
}

function handleResponse(response){
    console.log('The responsed data is: '+response.data);
}
var script = $('<script></script>');
$('script').attr("src","http://www.baidu.com/json/?callback=handleResponse");
$("body").prepend(script);