第一个问题。
我正在创建一个将前端(节点,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)
);
答案 0 :(得分:0)
问题是,由于我通过a发送数据,因此阻止了我的ajax请求返回。
要解决它,就像添加
一样容易e.preventDefault();
到jquery函数