gpt4 book ai didi

angularjs - Python flask 和AngularJS与链接http post请求顺序

转载 作者:行者123 更新时间:2023-12-03 17:13:30 24 4
gpt4 key购买 nike

我正在尝试将数据拆分成 block ,然后通过 AngularJS $http.post 发送到 Python flask 来电。在 JS 方面,似乎请求是按给定的顺序发出的。但在 Python 方面,请求似乎并没有按照预期的顺序到达。

临时代码如下所示:

JS:

var xdata = ["0", "1", "2", "3", "4", "***__END__***"].map(x => JSON.stringify(x));
var post_chain = [];
for (var i = 0; i < xdata.length; i++) {
post_chain.push($http.post("/path", xdata[i]));
}

post_chain[0].then(function (response0) {
console.log("response0");
return post_chain[1];
}).then(function (response1) {
console.log("response1");
return post_chain[2];
}).then(function (response2) {
console.log("response2");
return post_chain[3];
}).then(function (response3) {
console.log("response3");
return post_chain[4];
}).then(function (response4) {
console.log("response4");
return post_chain[5];
}).then(function (response) {
console.log('Done');
// Handle response
});

在 Python 中,我使用 flask.request.get_json(silent=False)获取输入数据。有一些代码可以检测终止标准(例如,由字符串 "***__END__***" 给出)表示来自 JS 的帖子结束。这就是为什么我需要确保从 JS 到 Python 的请求顺序。我还将收到的数据打印出来。

JS 中的控制台输出看起来不错(按给定顺序显示 0、1、2 等)。但是在 Python 中,打印的数据是乱序的(0、4、1 等)。

稍后,我打算用递归函数来概括 JS 代码。但现在,我试图保证 Python 代码以正确的顺序接收数据。

有什么建议么?

更新 1

建议有效!但是,理想的方法是将代码推广到任何数组大小。我认为这可以通过递归来完成,但它似乎并没有以正确的顺序传递数据。少了什么东西?
var post_chain_call = function(i, post_element) {
if (i == post_chain.length - 1) {
return post_element(xdata[i]).then(function (response) {
// Handle response
});
} else {
return post_element(xdata[i]).then(post_chain_call(i + 1, post_chain[i + 1]));
}
}
post_chain_call(0, post_chain[0]);

更新 2

让它与另一种方法一起工作!
var post_chain_call = function(i, post_element) {
if (i == post_chain.length - 1) {
return post_element.then(function (response) {
// Handle response
});
} else {
return post_element.then(function (response_tmp) {
return post_chain_call(i + 1, post_chain[i + 1](xdata[i + 1]));
});
}
}
post_chain_call(0, post_chain[0](xdata[0]));

最佳答案

您的前端开始与后端通信的时刻就是您将它们分配给 postChain 的时刻。 .这意味着每个请求本身都在​​尝试与服务器通信,并且无法预测它们连接到服务器的顺序。确保请求仅在 .then() 中实例化的可能解决方法先前的请求是不存储 $http.post() 的结果调用链,而是执行 $http.post() 的函数并返回那个 promise 。

    var xdata = ["0", "1", "2", "3", "4", "***__END__***"].map(x => JSON.stringify(x));
var post_chain = [];
for (var i = 0; i < xdata.length; i++) {
// this way, the code is not yet executed, but it will when you call it.
post_chain.push((data) => $http.post("/path", data));
}

post_chain[0](xdata[0]).then(function (response0) {
console.log("response0");
return post_chain[1](xdata[1]);
}).then(function (response1) {
console.log("response1");
return post_chain[2](xdata[2]);
}).then(function (response2) {
console.log("response2");
return post_chain[3](xdata[3]);
}).then(function (response3) {
console.log("response3");
return post_chain[4](xdata[4]);
}).then(function (response4) {
console.log("response4");
return post_chain[5](xdata[5]);
}).then(function (response) {
console.log('Done');
// Handle response
});

您还可以使用箭头函数来确保 xdata仍在函数范围内,您不需要向它传递任何参数
    var post_chain = [];
for (var i = 0; i < xdata.length; i++) {
// this way, the code is not yet executed, but it will when you call it.
post_chain.push(() => $http.post("/path", xdata[i]));
}
post_chain[0]().then((response0) => {
console.log("response0");
return post_chain[1]();
}).then((response1) => {
console.log("response1");
return post_chain[2]();
}).then((response2) => {
console.log("response2");
return post_chain[3]();
}).then((response3) => {
console.log("response3");
return post_chain[4]();
}).then((response4) => {
console.log("response4");
return post_chain[5]();
}).then((response) => {
console.log('Done');
// Handle response
});

我希望这有帮助。

关于angularjs - Python flask 和AngularJS与链接http post请求顺序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57102493/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com