将 ajax 响应中的变量存储为全局变量并用于发送其他 ajax 请求？

Posted 2023-02-23

【中文标题】将 ajax 响应中的变量存储为全局变量并用于发送其他 ajax 请求？

【英文标题】：Storing a variable in ajax response as a global variable and use for sending other ajax requests?

【发布时间】：2018-06-03 20:10:37

【问题描述】：

我得到 ajax 响应

 pid: 6, status: true 

我需要存储 pid 并在下一个 ajax 发布请求中传递它。

我目前的vue js如下

submitBox = new Vue(
  el: "#submitBox",
  data: 
    name: '',
    gstno: '',
    about: '',
    pid: '',
  ,
  methods: 
    handelSubmit: function(e) 
      var vm = this;
      data = ;
      data['name'] = this.name;
      data['gstno'] = this.gstno;
      data['about'] = this.about;
      $.ajax(
        url: 'alpha/add/post/',
        data: data,
        type: "POST",
        dataType: 'json',
        success: function(e) 
          if (e.status) 
            alert(" Success")

           else 
            vm.response = e;

            alert(" Failed")
          
        
      );
      return false;
    
  ,
);

我需要将pid 存储为全局变量，并为所有ajax 请求使用相同的变量。我怎样才能做到这一点？

【问题讨论】：

当你说“存储”时，你的意思是把结果存储在Vue之外的某个地方吗？？

vue 本身没有？如果能够在另一个 vue 中使用它会更好..

哦...你最好使用Vue components和Vuex，如果你要存储的数据只会被其他Vues使用。

【参考方案1】：

小东西，如果你有一个小的应用程序并且没有太多的架构或js 只驻留在那个页面上，那么你可以使用全局变量

为这个小东西使用vuex是不可取的（如果他已经在使用它会很好）

当您收到 ajax 响应时，您可以全局设置 id

if (e.status) 
    window._postPid = e.pid; // assume `e` is response and e.pid is 6

else 
    // according to your need.
    // this is optional window._postPid = null;

现在你可以在任何你想使用的地方访问它

console.log(window._postPid); // 6

这不是大型应用程序的首选。因为我们不想破坏全局命名空间或冲突变量。

但它会做你想做的事。