javascript - Axios - 发送嵌套的 JSON 对象

Question

我有一个网页正在使用 Axios HTTP客户端。在我的网页中，我使用 browser's geolocation 获取我的位置特征。获得我的位置后，我想发送该位置以及其他数据。为此，我构建了这样的数据对象:

navigator.geolocation.getCurrentPosition(
  function(position) { 
    var data = {
      id: 1,
      user:'me',
      location: position
    };
  })
;

然后我尝试像这样通过 Axios 发送数据:

axios.put('/my-endpoint', data, options)
    .then(function(res) {
      console.log('success');
      console.log(res);
    })
;    

我从这个请求中得到了成功的回应。然而，这是一个误报。当我查看日志时，这很奇怪。我可以看到 location 属性是一个空对象。因此，我在浏览器中执行了一个 console.log，我可以看到 location 已正确设置。但是当我通过 Fiddler 发送它时，我注意到它不存在。当它穿过电线时，它只是一个空物体。怎么办？

我怀疑我必须进行一些设置或其他操作才能通过网络发送嵌套的 JavaScript 对象。但我什么也没看到。我究竟做错了什么？我做了一个基本的 JSFiddle here使用此代码..

Answer 1

当您尝试发送时，您的变量 data 似乎超出了范围。在示例中，您给出的数据是该闭包的局部变量，这意味着它在回调完成时被销毁。为了解决这个问题，您需要在该函数之外声明 data ，它对 axios 也是可见的。您仍然可以在回调中分配给它，实际上您必须这样做，但您应该在上面声明它。