Jquery 在页面上加载数据后，我应该使用哪个amonst ajaxStop（）、ajaxComplete（）和ready（）来启用按钮？

我的web应用程序上有一个页面，它有一个文本框区域、一个选项区域（大部分是下拉菜单）和一个“保存”按钮。当页面开始加载时，下拉列表的选项通过对API的AJAX调用从数据库中获取并填充。然后，用户可以在文本框中输入/更改文本，然后从下拉列表中选择选项，然后单击“保存”保存数据

最近，一位测试人员发现此页面存在一个问题。他们注意到“保存”按钮始终处于启用状态，在填充下拉列表并单击“保存”按钮之前，他们将数据更改为文本框。但是AJAX调用完成后，下拉列表被填充，文本框恢复为原始内容

现在，为了解决这个小问题，我需要禁用“保存”按钮，以便在数据正确加载到页面之前用户无法单击它。只有当数据正确加载时，我才应该启用“保存”按钮

因此，我在脚本中添加了以下代码行：-

<button type="submit" id="btn_save"  disabled>Save</button>

完成此操作后，我开始思考替代方案，即ajaxStop（）和ready（），以及其中一个是否是正确的选择，而不是ajaxComplete（）。此外，我还想知道在这种情况下，ajaxComplete可能存在哪些陷阱。AJAX调用在页面加载和用户提交数据时进行

---

有人能澄清一下上述问题吗？提前感谢。

我认为

ajaxStop（）

和

ajaxComplete（）

最适合在

$.ajax（{}）请求中使用，此时您将实际执行ajax请求。填充选择器的ajax请求在哪里？
$(document).ajaxComplete(function () {
            $("#btn_save").prop("disabled", false);
        });