Javascript jQuery ajax async false修改页面中的html

需要帮助来解决这个问题，陷入困境并投入了大量时间

我在这里做什么

我使用post-traditional方法提交表单，但在提交表单之前，我使用上面的jQueryAjax代码进行了一些操作，效果很好

当有人单击按钮时使用此代码，我想显示加载程序，但由于在jQueryAjax中使用了

async:false

，所以它没有显示。它显示了完成ajax成功后的加载程序

在这种情况下，似乎并没有什么发生，并没有加载程序的工作后，点击按钮

显示加载程序的Html代码如下

<button type="submit" id="submit" class="btn btn-primary add_campaign_handler_button" name="submit">
    <i class="fa fa-spinner fa-spin" id="url_button_loader" style="display:none;"></i>
    Save Settings
</button>

当有人单击按钮时使用此代码，我想显示加载程序，但由于在jQueryAjax中使用了async:false，所以它不会显示。它显示了完成ajax成功后的加载程序

这就是为什么不推荐使用

async:false

它完全锁定了用户界面

如果要在发出请求时执行任何操作，请不要使用

async:false

---

相反：始终防止默认行为，然后（如果需要）在异步操作完成后重新触发它。

如果服务器没有立即返回内容，则可能会出现

async:false

问题。不要使用它。虽然您试图通过使用async:false（不推荐）绕过ajax的异步部分，但您仍然必须处理

swal

的异步部分。这是否回答了您的问题@让我试试你的answer@StackSlave你能给我建议一些其他的方法来等待表单提交，直到我得到ajax响应吗？但我不使用这种方法，它在不等待ajax请求响应的情况下提交表单。有没有办法在收到ajax响应之前停止提交表单。@DeepakLakhara-我建议您参考此答案的最后一段。