搜索

首页  >  问答  >  正文

node.js - node express 中ajax post请求参数接收不到?

app.js

// bodyParser :ajax 请求的配置项

// parse application/x-www-form-urlencoded 
app.use(bodyParser.urlencoded({extended: false}));

// parse application/json :接受 json 或者可以转换为json的数据格式
app.use(bodyParser.json({type: 'application/*+json'}));

// 路由
routes(app);

user.js

"use strict";
var express = require('express');
var router = express.Router();

// 该路由使用的中间件 timeLog
router.use(function timeLog(req, res, next) {
    console.log('Time: ', Date.now());
    next();
});
// 定义网站主页的路由
router.get('/', function (req, res) {
    // console.log(req);
    res.send('user home page');
});
// 定义 about 页面的路由
router.get('/about', function (req, res) {
    console.log(req.query);
    res.send('About user');
});
// 定义 login 页面的路由
router.post('/login', function (req, res) {
    console.log(req); //**拿不到对应的ajax参数**
    res.send('user login');
});

// 定义 logout 页面的路由
router.post('/logout', function (req, res) {
    res.send('user logout');
});

module.exports = router;

page.js

 $.ajax({
    url: "http://127.0.0.1:3000/user/login",
    type: "post",
    data: {
        type: "post",
        target: "login"
    },
    callback: function (data) {
        console.log(data);
    }
})

//data 信息
Object {xhr: XMLHttpRequest, errorType: "parsererror", error: SyntaxError: Unexpected token u in JSON at position 0 at Function.parse [as parseJSON] (<anonymo…}
error
:
SyntaxError: Unexpected token u in JSON at position 0 at Function.parse [as parseJSON] (<anonymous>) at XMLHttpRequest.xhr.onreadystatechange (http://127.0.0.1:3000/src/common/zepto.js:1486:103)
errorType
:
"parsererror"
xhr
:
XMLHttpRequest
__proto__
:
Object

问题:login的post请求中获取不到相应的入参。

// 定义 login 页面的路由
router.post('/login', function (req, res) {
    console.log(req); //**拿不到对应的ajax参数**
    res.send('user login');
});

备注:我先不打算做数据库那一块,先把基本的业务逻辑写一些,下周才打算连接到数据库相关的知识 。

同时我是前端开发,所以喜欢前后端分离,而不喜欢在服务端写页面模板,谢谢!

PHP中文网PHP中文网2784 天前631

全部回复(4)我来回复

  • 高洛峰

    高洛峰2017-04-17 16:29:11

    // 定义 login 页面的路由

    router.post('/login', function (req, res) {
        console.log(req); //**拿不到对应的ajax参数**
        res.send('user login');
    });
    

    req是undefined?还是req.body是undefined?

    app.js文件中有没有设置 app.use('/user', user);?

    我是这样做的,你参考一下。你的出现问题,可能是哪里设置不正确。

    前端

    $.ajax({
      type: 'POST',
      url: '/post.html',
      data,
      success: (data, status, xhr) => {
        console.log(data);
      }
    });
    

    后端

    let data = req.body;

    回复
    0
  • PHP中文网

    PHP中文网2017-04-17 16:29:11

    router.post('/user/login', function (req, res) {
        console.log(req); //**拿不到对应的ajax参数**
        res.send('user login');
    });

    或者

    app.use('/user',require('./user'));

    回复
    0
  • 大家讲道理

    大家讲道理2017-04-17 16:29:11

    errorType: "parsererror"

    你返回的不是一个 JSON

    回复
    0
  • 大家讲道理

    大家讲道理2017-04-17 16:29:11

    雷雷

    回复
    0
  • 取消回复