从另一个 ajax 请求调用时，ajax 请求给出 500 错误

Question

我有两个 ajax 请求，一个将数据发送到后端（我们称之为 Ajax#1），然后一个使用发送的数据将内容加载到前端（Ajax#2）。

为了确保 Ajax#2 在 Ajax#1 之后运行，我尝试将包含 #2 的函数作为回调传递给包含 #1 的函数，在 #1 完成后调用它。

但是，这似乎总是会产生 500 错误。

Ajax #2 自己运行良好（当按下按钮触发时），但是当从 Ajax #1 调用时，它总是给出 500 错误。

知道我在这里做错了什么吗？

var initialize = function(){

  //Load settings config on page load (this works fine)
  load_settings_config();

  //Should apply settings on button press, and load those new settings to front end
  $("#apply-sysconfig-button").click(function(){
    apply_settings_config(load_settings_config);
  });

  //manual load settings button (This works fine)
  $("#load-settings-button").click(function(){
    load_settings_config();
  });

};

apply_settings_config = function(callback){

  //Not shown - Grabs user input from html input and select elements and loads into the variable 'settings' to be sent to back end
  //Ajax#1
  $.ajax({
      method: "POST",
      contentType: 'application/json',
      url: "/applynewsettings",
      data: JSON.stringify(settings)
  })
  .done(function(sysconfig_err_msg){
    //prompt user with error message if user input is invalid
    $("#static-ip-input-err").html(sysconfig_err_msg);

    //This does not work - gives 500 error
    callback()
  });
};

load_settings_config = function(){
  //loads the new/updated settings back to front end
  //Ajax#2
  $.ajax({
    method: "GET",
    contentType: 'application/json',
    url: "/loadinterfaceinfo"
  })
    .done(function(interface_info_new){
        interface_info = JSON.parse(interface_info_new);
        interface_selected = $("#interface-dropdown option:selected").text()
        populate_interface_info(interface_selected);

  });
};

注意我也试过了

 $("#apply-sysconfig-button").click(function(){
    apply_settings_config();
    load_settings_config();
  });

不出所料，这会导致加载经常在应用完成之前运行。

我尝试像这样在 ajax 中直接调用该函数：

apply_settings_config = function(){

  //Not shown - Grabs user input from html input and select elements and loads into the variable 'settings' to be sent to back end
   //Ajax#1
  $.ajax({
      method: "POST",
      contentType: 'application/json',
      url: "/applynewsettings",
      data: JSON.stringify(settings)
  })
  .done(function(sysconfig_err_msg){
    //prompt user with error message if user input is invalid
    $("#static-ip-input-err").html(sysconfig_err_msg);

    //This does not work - gives 500 error
    load_settings_config()
  });
};

这给出了相同的 500 错误。

我似乎遗漏了如何使用异步 get/post 请求进行回调的部分内容。任何帮助将不胜感激

---

编辑 要求查看后端。我不确定这将如何帮助考虑到这两个请求在大多数情况下都可以正常工作。只有当 ajax 请求嵌套时，外部才不起作用，但无论如何它们都在这里：

@app.route("/applynewsettings", methods=['POST'])
def apply_new_settings():
    global sys_settings
    sia_err_msg = ""

    if request.method == 'POST':
        sys_settings = request.json

    sys_settings = convertToASCII(sys_settings)

    mtu = sys_settings["mtu"]
    ip_address = sys_settings["ip_address"]
    subnet_mask = sys_settings["subnet_mask"]
    gateway = sys_settings["gateway"]
    interface = sys_settings["interface"]

    #Not shown - validation and build string to send command

    if "sia" in sia_cmd:
        cli.sendCmd(sia_cmd)
        sia_err_msg = "Sucess!"
        print "SEND CMD: "+sia_cmd
    else:
        print "sia cmd was invalid: "+"'"+sia_cmd+"'"
        sia_err_msg = sia_err_msg + "Apply Settings Failed!"

    return sia_err_msg

#Sends cmd through telnet cli, parses response, returns to front end
@app.route("/loadinterfaceinfo")
def load_interface_info():
    #Sends cmd through telnet cli & parses response
    interface_dict = run_cmd(cli,"get_interface_info")
    #must encode as json to send to front end
    interface_dict = json.JSONEncoder().encode(interface_dict)
    #send to front end
    return interface_dict

Answer 1

问题的根源在于后端。每个请求都使用 telnet 发送命令。当两个命令以快速顺序运行时（一个 ajax 请求在另一个内部），第二个 telnet 命令将挂起，因为第一个命令尚未完成。为什么这会导致 500 错误（这让我相信第二个 ajax 请求根本没有与后端通信）我不太确定。

一个快速（且草率）的解决方法是添加超时以使第二个 ajax 在运行前等待一秒钟。

像这样：

  $.ajax({
      method: "POST",
      contentType: 'application/json',
      url: "/applynewsettings",
      data: JSON.stringify(settings)
  })
  .done(function(sysconfig_err_msg){
    $("#static-ip-input-err").html(sysconfig_err_msg);

    setTimeout(function(){ load_settings_config(); }, 1000);

  });

更好（也更困难）的解决方案是确保在后端识别 telnet 正在被另一个正在运行的命令使用，等待它完成，然后运行第二个命令并返回数据。

虽然不知道该怎么做。欢迎提出想法。