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

本文详细介绍了如何使用Node.js服务端处理POST请求并实现跨域资源共享(CORS)。通过设置响应头和解析请求体,实现前端页面与服务端数据交互。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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')

转载于:https://www.cnblogs.com/liujinyu/p/5181084.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值