Node Express无法连接回Ajax

时间:2019-10-24 11:20:29

标签: javascript node.js ajax api express

第一个问题。

我正在创建一个将前端(节点,express和ajax)与Python swagger api连接起来的api。问题是,尽管我可以通过ajax->节点-> api向api发送信息,但是当api响应时,它会在节点(api->节点-/-> ajax)处停止。

代码是:

带有python API帖子的Node(express)路由器:

const express = require('express');
const router = express.Router();
const fs = require('fs')
const request = require('request');

router.post('/', (req, res) => {
    data = req.body

    request.post('http://localhost:8080/passengers', {
            json: data
        }, (error, res2, body) => {
        if (!error && res2.statusCode === 200) {
            console.log(body)
            res.send(body)
        }
    })


});

module.exports = router;

我可以确认“ console.log(body)”有效

现在,这是ajax部分。

$(() => {

    $('#calculateResult').on('submit', () => {
        $.ajax({
            url: './passengers',
            method: 'POST',
            data: $('#calculateResult').serialize(),     
            //async: false,    
            success: function (response) {
                document.getElementById("output").innerHTML = '<span>'+response+'</span>'
            },
            error: function (err) {
                console.log(err);
            }
        })
        .done((response)=>document.getElementById("output").innerHTML = '<span>'+response+'</span>')
    })
})

我尝试使用async标志,但是尽管它显示了结果,但是页面刷新并且结果丢失了

最后,这是应用程序的服务器部分,以防某些配置可能引起问题。

const path = require('path'); //Lo utilizamos para rutas porteables
const app = express();
const bodyParser = require("body-parser");
const PORT = process.env.PORT || 3000;

//Añadimos jquery al proyecto
app.use('/jquery', express.static(__dirname + '/node_modules/jquery/dist/'));
//Lo añadimos para obtener datos del formulario en un formato util de manera inmediata
app.use(bodyParser.urlencoded({ extended: false }));
//app.use(bodyParser.json()); //Esto lo usariamos para parsear a json
//Añadimos nuestra direccion de la api a la hoja de rutas
app.use('/passengers', require('./routes/api/passengers'));
//Especificamos la carga de recursos estaticos
app.use(bodyParser.urlencoded({ extended: false }))
app.use(express.static(path.join(__dirname, "public")));

//Empezamos a escuchar en el puerto indicado
app.listen(PORT, () =>
    console.log('Server is running on PORT:', PORT)
);

1 个答案:

答案 0 :(得分:0)

问题是,由于我通过a发送数据,因此阻止了我的ajax请求返回。

要解决它,就像添加

一样容易
e.preventDefault();

到jquery函数