node.js - node express 中ajax post请求参数接收不到?
PHP中文网
PHP中文网 2017-04-17 16:27:11
0
4
629

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中文网

认证0级讲师

모든 응답(4)
小葫芦

// 로그인 페이지 경로 정의

으아아아

req가 정의되지 않았나요? 아니면 req.body가 정의되지 않았나요?

app.js 파일에 app.use('/user', user);가 설정되어 있나요?

제가 해본 내용이니 참고해주세요. 잘못된 설정으로 인해 문제가 발생할 수 있습니다.

프런트엔드

으아아아

백엔드

으아아아
洪涛

으아악

또는

으아악
大家讲道理

errorType: "parsererror"

반환하신 내용은 JSON이 아닙니다

大家讲道理

으아악

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿