javascript - 级联ajax请求

Question

尝试实现一些 ajax 请求，每个请求都依赖于之前的简短示例:

     $.post("/?an=biki&photo=39",  {photo: 39}, function (response) {
                    $("#sent_sms_code").live("click", function (another_response) {
                        var phone = $("#phone_vote").val();
                        $.post("/?an=biki_make_sms&photo=39",  {phone: phone}, function (code) { });                         
                    });
     });

如何在没有子查询的情况下以最佳实践执行此代码？谢谢

Answer 1

您编写的函数不是链式 AJAX。看起来你只想在第一次 AJAX 调用时绑定(bind)事件。为什么不这样做呢？

var AJAXResponse = null;

$.post("/?an=biki&photo=39",  {photo: 39}, function (response) {
    AJAXResponse = response;
 });

 $("#sent_sms_code").on("click", function() {
    bindAjaxEvent();
 });

 function bindAjaxEvent() {
    if(AJAXResponse !== null) {
        var phone = $("#phone_vote").val();
        $.post("/?an=biki_make_sms&photo=39",  {phone: phone}, function (code) { });
    }
 }

这样元素上的事件总是绑定(bind)的。该事件仅检查是否存在 AJAXResponse 并调用该函数。