0

我只是对它感到沮丧几个小时，需要真正专家的帮助。在下面的代码中，我希望单击带有类的按钮fb_detail_btn会附加从 .ajax 函数返回的数据结果。但是，发生的事情是，$(this).append("<div>aaaaaa</div>");一旦 ajax 运行，以前非 ajax 附加的数据 () 将始终被删除。我的测试显示 php 文件已正确运行，所以问题是为什么无法将 ajax 返回的数据附加到分配为变量的 $(this) 中。

JavaScript

//GET FEEDBACK DETAIL METHOD//
function get_feeback_detail(result) {
    alert('inside get_feeback_detail, btn_clicked_id is '+btn_clicked_id);
    return $.ajax ({
        type: "POST",
        url: "../x_get/get_feedback_detail.php",
        data:{fb_id: btn_clicked_id},
    }).then(function(data) {
                alert('then ran!');
                //loading_effect_hide();
                var dataSplit = data.split("|");
                commCode = dataSplit[0];
                //alert(dataSplit[1]);
                if(commCode !=1){
                    $('#testInfo').html(dataSplit[1]);
                    $('#testInfo').addClass("errorRed");
                    //$('.fb_review_table_section').empty();
                    alert('returned false for then in ajax!');
                    return false;
                }else{
                    result =dataSplit[1];
                }   
                alert('result inside then is...   '+result);
                //alert(selectedDiv.attr('class'));
                //return result;
                selectedDiv.append(result);
            //loading_effect_hide();    

    }).fail(function(x,s,e) {
            alert(s+": "+e);
            alert('detail button failed!');// an error occurred

            //alert(result);
        });//$.ajax END

    alert('inside get_feeback_detail, result is...   '+result);


};//get_feeback_detail() END



//Detail Button
$(document).on('click','.fb_detail_btn',function(){
    selectedDiv=$(this);
    selectedDiv.append("<div>aaaaaa</div>");
    elementPropertyName = selectedDiv.attr('name');
    btnNames = $(this).attr("name").split("_");
    btn_clicked_id=btnNames[1];
    result="";
    get_feeback_detail();
    selectedDiv.append("<div>bbbbbbb</div>");
});

HTML

<div class="fb_detail_btn" name="detail_68">aaadadadadadad</div>

=Update= 目前，工作的结果将达到.then，但不会追加结果。

4

2 回答 2

0

你在滥用承诺。

then()您需要从回调中返回新结果：

    return $.ajax ({
        type: "POST",
        url: "../x_get/get_feedback_detail.php",
        data: 'fb_id='+btn_clicked_id,
        dataType:'json',//ACW-soemthing new!
    }).then(function(data) {
        ...
        return result;
    });
于 2013-08-14T16:13:21.607 回答
0

此代码无法工作：

return $.ajax ({
    …
}).then(function(data) {
    … // callback
    return result;
}); //$.ajax END

alert('inside get_feeback_detail, result is...   '+result);
selectedDiv.append(result);

jax 是异步的！正如您在警报中看到的，结果是undefined该部分运行的时间。它仅在回调中可用！阅读如何从异步调用返回响应？, 并使用

return $.ajax ({
    …
}).then(function(data) {
    … // callback
    // return result; 
    alert('inside ajax callback, result is...   '+result);
    selectedDiv.append(result); // works now!
});
于 2013-08-14T18:45:35.050 回答