如何将AJAX返回结果赋值给全局变量？jQuery分页开发问题求助

嘿，我懂你遇到的这个坑——这其实是AJAX异步特性导致的常见问题！你在回调外部访问tmp的时候，AJAX请求还没完成，变量还没被赋值，自然拿不到数据。下面给你几个实用的解决方案：

1. 先确保全局变量的作用域正确 #

首先得确认tmp确实是全局变量：别在某个函数内部用var tmp声明，要放在所有函数的最外层，这样整个页面的代码都能访问到它。比如：

// 全局作用域声明变量
let tmp;

$('table').DataTable({
  // ...你的表格配置
});

2. 利用回调更新并使用变量 #

因为AJAX是异步操作，你不能在回调外面直接同步访问tmp，必须等数据返回后再处理。这里有两种贴合DataTables场景的方式：

方式一：在AJAX的success回调里处理 #

直接在success回调里给全局变量赋值，同时调用需要用到该变量的业务逻辑：

let tmp;

$('table').DataTable({
  serverSide: true,
  ajax: {
    url: 'http://localhost:8000/api/feeds/1/',
    type: 'GET',
    success: function(response) {
      // 赋值全局变量
      tmp = response;
      // 在这里执行依赖tmp的代码，比如更新页面组件、计算数据
      handlePaginationData(tmp);
    }
  }
});

// 专门处理分页数据的函数
function handlePaginationData(data) {
  console.log('当前分页的最新数据:', data);
  // 这里写你的业务逻辑，比如更新统计信息、绑定事件等
}

方式二：使用DataTables的drawCallback回调 #

在serverSide模式下，每次分页（包括点击下一页）都会触发drawCallback，你可以从settings里直接拿到返回的完整JSON数据，这更贴合DataTables的生命周期：

let tmp;

$('table').DataTable({
  serverSide: true,
  ajax: {
    url: 'http://localhost:8000/api/feeds/1/',
    type: 'GET'
  },
  drawCallback: function(settings) {
    // 从settings中获取AJAX返回的完整响应
    tmp = settings.json;
    // 调用处理函数
    handlePaginationData(tmp);
  }
});

function handlePaginationData(data) {
  // 处理你的数据逻辑
}

3. 避开同步访问异步数据的误区 #

千万别在DataTables初始化后直接写console.log(tmp)——这时候AJAX请求还在后台跑，tmp还是初始的undefined。所有依赖tmp的代码都必须放在回调函数里，或者用Promise、async/await处理异步流程（不过对于DataTables来说，用内置回调是最省心的）。

这样每次点击下一页，AJAX请求完成后tmp都会自动更新，你也能在处理函数里拿到最新的分页数据啦！

内容的提问来源于stack exchange，提问作者Dinesh Kumar