Ajax 如何将loader微调器添加到我的custom.js中？

我使用了本文提供的解决方案：

而且效果很好

---

我唯一需要的是ajax使用微调器加载来向用户指示系统正在加载信息。

我以您提供的参考链接为例。如果使用同一行代码，则必须更改下面的代码行。否则，请提供您的代码行

在下面的示例中，首先在处理过程中为要加载的图像指定加载图像

从

到

---

这里我添加了如何在ajax调用中设置加载图像的答案。如果您想在输入之外设置加载器，则必须进行以下更改

CSS

#loadingImage {
    display:none;
} 

HTML

这里我使用一些虚拟GIF作为示例。你可以设置任何你想要的gif和css

<p class="form-row form-row form-row form-row-first validate-required woocommerce-validated" id="billing_email_field">
    <label for="billing_email" class="">Email <abbr class="required" title="required">*</abbr></label>
    <input type="text" class="input-text " name="billing_email" id="billing_email" placeholder="Email" value="abc@gmail.com">
    <img src="https://lh6.ggpht.com/_S0f-AWxKVdM/Sc4G-1MAUtI/AAAAAAAAHg8/SoQCgQ6-aSY/1%5B3%5D.gif?imgmax=800" id="loadingImage">
</p>
<span class="message"></span>

---

那么我在哪里添加图像呢？在HTML中？我不确定我是否理解正确。你能给我提供html代码吗？基于此，我会帮助你的。当然！我使用的是链接中描述的相同html。

电子邮件*

@DiegoSaavedra，请检查上述答案。

#loadingImage {
    display:none;
} 

<p class="form-row form-row form-row form-row-first validate-required woocommerce-validated" id="billing_email_field">
    <label for="billing_email" class="">Email <abbr class="required" title="required">*</abbr></label>
    <input type="text" class="input-text " name="billing_email" id="billing_email" placeholder="Email" value="abc@gmail.com">
    <img src="https://lh6.ggpht.com/_S0f-AWxKVdM/Sc4G-1MAUtI/AAAAAAAAHg8/SoQCgQ6-aSY/1%5B3%5D.gif?imgmax=800" id="loadingImage">
</p>
<span class="message"></span>

$('#loadingImage').show();  // show the loading image.
var data = {
   'action': 'validate_email',
   'billing_email' : input_value
};
$.ajax({
    url: validateEmail.ajaxurl,
    type: "POST",
    cache: false,
    data: data,
    success : function(html){
        $('.message').html(data);
        $('#loadingImage').hide(); // hide the loading image
    }
});