CORS 跨域 node |XMLHttpRequest 跨域提交数据 node

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CORS 跨域 node |XMLHttpRequest 跨域提交数据 node相关的知识,希望对你有一定的参考价值。

node服务端

app.post(‘/getdata‘,function(req,res,next){
  req.setEncoding(‘utf8‘);
  res.setHeader(‘Access-Control-Allow-Origin‘,‘*‘)
  req.on(‘data‘,function(str){
    var json = JSON.parse(str||"{}") ;
   console.log(json) 
  })
  res.end(‘already get data‘)
}) 

script前台页面

var req = new XMLHttpRequest();

if ("withCredentials" in req) { 
	// 此时即支持CORS的情况 
	// 检查XMLHttpRequest对象是否有“withCredentials”属性 
	// “withCredentials”仅存在于XMLHTTPRequest level 2对象里 
} else { 
	// 否则检查是否支持XDomainRequest 
	// XDomainRequest仅存在于IE中,是IE用于支持CORS请求的方式 
	req = new XDomainRequest(); 
}

req.open(‘POST‘,"http://localhost:3000/getdata");
// req.setRequestHeader(‘Content-Type‘,‘text/plain‘)
//  req.onreadystatechange = function(){
//      if(req.readyState == 4 && req.status == 200){
		// //var tt = req.getResponseHeader("Content-Type")
//          alert(req.responseText);
//      }	
//  }
req.onload = function(){
	alert(req.responseText);
}
req.send(‘this is data‘)

以上是关于CORS 跨域 node |XMLHttpRequest 跨域提交数据 node的主要内容,如果未能解决你的问题,请参考以下文章

cors跨域(支持cookie跨域) node后台 express

cors跨域(支持cookie跨域) node后台 express

发送身份验证承载令牌时出现 Cors 策略错误 - node.js(谷歌云功能)

node 跨域问题

post 变成option 请求的三种原因

Angular/Node/Express/Passport 跨域问题 - 启用 CORS Passport Facebook 身份验证