原生JS+node.js实现简单ajax登录

html+js:




    
    ajax请求





登录信息返回区域

node.js:

var http=require("http")
var querystring=require("querystring")


var server=http.createServer(function(req,res){
        var reqBody='';
        // 通过req的data事件监听函数,每当接受到请求体的数据,就累加到post变量
        req.on('data',function (data) {
            reqBody += data;
        });
        req.on('end',function () {//用于数据接收完成后再获取
            var UserInfo = querystring.parse(reqBody);
            res.statusCode=200;
            res.sendDate=false;
            res.setHeader("Content-Type","text/plain");
            res.setHeader("Access-Control-Allow-Origin","http://localhost:63342");
            console.log(UserInfo);
            if(UserInfo.User === 'hxy' && UserInfo.Password === '123'){
                res.write("登录成功");
            }else {
                res.write("登录失败")
            }
            res.end();
        })

});
server.listen(7777,"localhost",function(){
    console.log("开始监听...");
});


效果如下:

  • 后台设置的User为hxy,Password为123
  • 登录成功:
    原生JS+node.js实现简单ajax登录_第1张图片
  • 登录失败:
    原生JS+node.js实现简单ajax登录_第2张图片
  • 后端接收到的数据:
    原生JS+node.js实现简单ajax登录_第3张图片

你可能感兴趣的:(原生JS+node.js实现简单ajax登录)