如何在被AJAX请求的JS文件中获取GET请求参数？

首先得提醒你一个关键点：你现在是通过AJAX请求js/abc.js这个前端脚本文件，但前端JS在浏览器中执行时，没办法直接获取到AJAX请求它时携带的URL参数（因为JS的执行上下文是当前页面，不是那个AJAX请求的URL）。所以最直接的解决方案是把abc.js里的逻辑封装成函数，在AJAX请求成功后主动传递参数过去。

下面分两种场景给你具体实现：

场景1：把处理逻辑封装成函数（推荐） #

这是前端场景下最合理的做法，既能直接复用逻辑，也能避免参数获取的尴尬问题。

第一步：在abc.js中定义处理函数 #

// 定义处理addme动作的函数，接收lt和ln参数
function handleAddme(ltParam, lnParam) {
  // 这里把lt变量设置为传来的值
  let lt = ltParam;
  // 你可以在这里添加后续的业务逻辑，比如打印验证
  console.log("lt已设置为:", lt);
  console.log("同时收到ln参数:", lnParam);
}

第二步：修改AJAX的success回调调用函数 #

在你的AJAX请求代码里，成功后调用abc.js里的函数，把参数传递进去：

function add(lt, ln) { 
  $.ajax({ 
    type: 'get', 
    url: "js/abc.js", 
    data: {action: "addme", lt: lt, ln: ln}, 
    async: false, 
    success: function(data){ 
      // 请求成功后，调用abc.js中的处理函数
      handleAddme(lt, ln);
    } 
  }); 
}

场景2：如果一定要让abc.js主动获取参数（不推荐） #

如果你的需求必须让abc.js自己去拿AJAX请求的参数，那只能通过一些间接方式，比如把参数存在localStorage里，再在abc.js中读取：

第一步：修改AJAX请求，把参数存到localStorage #

function add(lt, ln) { 
  // 先把参数存到localStorage
  localStorage.setItem('ajaxAction', 'addme');
  localStorage.setItem('ajaxLt', lt);
  localStorage.setItem('ajaxLn', ln);

  $.ajax({ 
    type: 'get', 
    url: "js/abc.js", 
    data: {action: "addme", lt: lt, ln: ln}, 
    async: false, 
    success: function(data){ } 
  }); 
}

第二步：在abc.js中读取并处理 #

// 从localStorage获取参数
const action = localStorage.getItem('ajaxAction');
const incomingLt = localStorage.getItem('ajaxLt');

// 判断action为addme时设置lt变量
let lt;
if (action === 'addme' && incomingLt) {
  lt = incomingLt;
  console.log("lt已通过localStorage设置为:", lt);
  // 用完可以清除，避免影响其他逻辑
  localStorage.removeItem('ajaxAction');
  localStorage.removeItem('ajaxLt');
  localStorage.removeItem('ajaxLn');
}

不过这种方式有局限性，比如如果同时有多个AJAX请求，可能会出现参数覆盖的问题，所以还是推荐第一种封装函数的方式。

内容的提问来源于stack exchange，提问作者sumit kundan