$.ajax传输数据验证练习 和 服务端 运用node.js搭建本地服务器。

首先要下载nodejs

建立一个serve.js 放置后台的代码
建立一个index.html 放置前端的代码
然后就可以进行前端和后端的交互
记录纯属练习和理解

前端部分代码

    
    
    
    



    

        
手机号：
            
        
        
密 码：
            
        
        请点击
        

        
    

后台部分代码

//引入express模块
const express = require('express');
const app = express();
//解析post请求过来的数据
var bodyParser = require('body-parser');


//解决跨域的问题
app.all('*', function(req, res, next) {
    //允许的来源
    res.header("Access-Control-Allow-Origin", "*");
    //允许的头部信息，如果自定义请求头，需要添加以下信息，允许列表可以根据需求添加
    res.header("Access-Control-Allow-Headers", "Content-Type, Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild");
    res.header('Access-Control-Allow-Headers', 'Content-Type, Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild');
    //允许的请求类型
    res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS");
    res.header("X-Powered-By", ' 3.2.1')
    next();
});


app.use(bodyParser.urlencoded({ extended: false }));
app.post('/hhh', (req, res) => {
    console.log(req.body)
    if (req.body.phone == "12345678" && req.body.password == "123123") {
        res.send({ "data": true })
    } else {
        res.send({ "data": false })
    }
});


app.listen(8083, () => {
    console.log('Server is running at http://localhost:8083')
})