Ajax jquery POST用于下一个jquery POST

时间:2016-02-14 11:37:23

标签: jquery ajax

我正在调用ajax post函数,如下所示:

var unReadableDate = "2016-01-25T00:46:00Z";

我正在获得一个我希望实现的HTML页面。我的下一步将是继续提出另一个要求。在数据中我还想附加'选择':

$(document).ready(
    function(){
        $( document ).on( 'click', '.new', function() {     
            $.ajax({
        url: 'zapytanie.php',
        data: {criteria: $(this).attr('id')},
        method: 'POST',
    }).done(function(data){
        console.log(data);  
        var choice= data;
        $("#main-container").load("criterias.php .choice-" + choice + "-details");   

    });

});

    });

然而,当我这样做时,我得到的消息 - 变量未定义。

如何在一个页面内将变量从一个帖子传递到另一个帖子?

2 个答案:

答案 0 :(得分:0)

您所拥有的是变量范围的问题。理想情况下,您应该使用promises进行此类请求链接。

存储响应信息并在不同范围内检索响应信息的一种好方法是使用localstorage

答案 1 :(得分:0)

在单击函数之外声明选项,该文档已准备就绪。此外,您无需将第二个功能放在单独的文档中。

<强>更新

<script>
    var choice;
    $(document).ready(function() {

        $( document ).on( 'click', '.new', function() {
                $.ajax({
                url: 'zapytanie.php',
                data: {criteria: $(this).attr('id')},
                method: 'POST',
            }).done(function(data){
                console.log(data);  
                choice = data;
                $("#main-container").load("criterias.php .choice-" + choice + "-details");
            });
        });
        /*----------------------------------*/
        $( document ).on( 'click', '.choice-next', function() {
            $.ajax({
                url: 'choice-next.php',
                data: {criteria: choice},
                method: 'POST',
            }).done(function(data){
                console.log(data);  
                $("#main-container").html(data);
            });
        });
    });
</script>