You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在AJAX请求成功回调后同步执行alert()函数?

在AJAX请求成功后显示Alert的解决方案

嘿,这事儿很简单!你只需要把alert()调用直接放到AJAX的success回调函数里就行。我帮你把未完成的代码补全,并且加上注释说明:

jQuery(document).on('click','a.remove_from_cart',function(event){
    event.preventDefault();
    startWait();
    var self = jQuery(this);
    
    jQuery.ajax({
        url: ajaxurl,
        type: 'post',
        cache: false,
        data: {
            action: self.data('action'),
            post_id: self.data('id'),
            nonce: self.data('nonce')
        },
        // 补全success回调函数
        success: function(response) {
            // 这里就是请求成功后执行的代码,直接加alert就行
            alert('商品已成功从购物车移除!');
            
            // 别忘了结束等待状态,和开头的startWait()对应
            stopWait();
            
            // 如果你需要根据返回的服务器数据定制提示内容,还可以这样写:
            // 假设服务器返回JSON格式数据,比如{ "status": "success", "msg": "移除成功" }
            // let res = JSON.parse(response);
            // alert(res.msg);
        },
        // 建议加上error回调处理失败情况,让交互更健壮
        error: function() {
            alert('操作失败,请稍后重试!');
            stopWait();
        }
    });
});

几个关键点要留意:

  • 确保success是一个完整的匿名函数,里面可以直接执行alert()
  • 记得在成功回调里调用stopWait()来结束等待状态,避免页面一直处于加载中
  • 如果服务器返回了自定义数据,可以解析后把动态内容放到alert里,提升用户体验
  • 加上error回调能在请求失败时给用户提示,让整个交互更友好

内容的提问来源于stack exchange,提问作者Nicola

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.21 04:22:16