ajax - 如何将加载器微调器添加到我的自定义 .js 中？

Question

我使用了这篇文章中提供的解决方案：Check for existing email in WooCommerce checkout using Ajax

它工作得很好。

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

标签： ajaxwordpresswoocommerce

Answer 1

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

在下面的示例中，首先将loadingImage赋予要在处理时加载的图像。

从

$.post( validateEmail.ajaxurl, { action:'validate_email', billing_email:input_value }, function(data) {
    $('.message').html(data);
});

至

$('#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
    }
});