node网页post提交以及服务器处理跨域

最新推荐文章于 2022-04-15 21:30:14 发布

chijiajing

最新推荐文章于 2022-04-15 21:30:14 发布

阅读量568

点赞数

分类专栏：学习

本文链接：https://blog.csdn.net/chijiajing/article/details/83186108

版权

学习专栏收录该内容

96 篇文章 0 订阅

订阅专栏

网页

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="https://cdn.bootcss.com/jquery/1.12.3/jquery.min.js"></script>
</head>
<body>
	
		用户:<input type="text" name="username" id="username"/><br/>
		密码:<input type="password" name="pass" id="pass"><br/>
		<button onclick="submitF()">提交</button>

	<script type="text/javascript">
		function submitF(){
			let username=$("#username").val();
			let password=$("#pass").val();
			$.ajax({
				url:"http://localhost:3000/",
				type:"POST",
				data:{name:username,pass:password},
				datatype:"JSON",
				success(dt){
					console.log(dt);
				}
			})
		}
	</script>
</body>
</html>

rouder.js

var http=require("http");

http.createServer(function(req,res){
	//设置跨域
	res.writeHead(200,{"Content-type":"text/html;charset=UTF-8","Access-Control-Allow-Origin":'*'});
	//获取是post还是get
	if (req.method.toLowerCase()=="post") {
		//设置一个空的字符串
		let allData="";
		//若有内容会自动调用data方法(类似JAVA里的IO流)
		req.on("data",function(chunk){
			//类似于IO流里面读取文件内容的写法
			allData+=chunk;
		})
		//若已流完则调用这个方法
		req.on("end",function(){
			//转成字符串再返回
			res.end(allData.toString());
		})
	}
}).listen(3000,"localhost");

chijiajing

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
node网页post提交以及服务器处理跨域

网页 &lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;script src="https://cdn.bootcss.com/jquery
复制链接

扫一扫