Question

如何将POST重新设置结果保存到全局变量中？我需要在单击btn2之后获取名称值（该值应该在单击btn1之后） HTML：

<button type='button' id='btn1'>
<button type='button' id='btn2'>

JS：

let name;
const btn1 = document.getElementById('btn1');
btn1.addEventListener('click', () => {
  axios.post('/someUrl', {
      name: 'someName'
    })
      .then((response) => {
        name = response.data.name;
      })
      .catch((error) => {
        console.log(error);
      }); 
});

const btn2 = document.getElementById('btn2');
btn2.addEventListener('click', () => {
  console.log(name)
});

非常感谢您的支持！

Answer 1

我建议一次使用这种代码格式，这对您有帮助

Index  Value
0        5
1        Nan
2        5
4        23
5        32
6        32
7        32

您的姓名将包含let name = axios.post('/someUrl', { name: 'someName' }) .then((response) => { return response.data.name; }) .catch((error) => { console.log(error); }); // doing other something return data;

Answer 2

您的代码在这里经过测试：https://jsfiddle.net/fvsn0ckh/

确保您的POST请求实际上返回具有name属性的对象。您可以尝试将name更改为response.data而不是response.data.name，然后查看显示的内容。

将POST requset结果保存到全局变量中

2 个答案: