Question

我有一种情况，我在进行ajax调用，从中返回（成功），我使用返回的数据进行另一个ajax调用并提交页面。伪代码看起来像这样：

$.ajax({
    url: 'first_page.jsp',
    type: 'POST',
    dataType: 'JSON',
    data: {...}
}).done(function(response) {
    $.ajax({
        url: '2nd_page.jsp',
        type: 'POST',
        dataType: 'JSON',
        data: {...}
    });
    thisPage.submit();
});

如果我没有注释掉“提交”内容，则不执行内部ajax调用。线。我不明白这种行为。有人可以帮我这个。感谢

Answer 1

您需要在第二个ajax成功执行提交。

例如

    $.ajax({
            url: '',
            type: 'GET',
            data: {

            },
            success: function (data) {
    $.ajax({
            url: '',
            type: 'GET',
            data: {

            },
            success: function (data) {
    //do your stuff
}

Answer 2

     $("input[type='submit']").click(function(event){
        event.preventDefault();
         $.ajax({
              url:'abcd.php',
              method:'post',
              type:'json',
              async:false,
              success:function(response){
              $.ajax({
              url:'abcde.php',
              method:'post',
              type:'json',
              data:{res:response},
              success:function(response){
              console.log(response);
              }
              });
              $("form").submit();   
              }

         });
         });

试试这个。它工作正常。

在jQuery中嵌套ajax调用的问题

2 个答案: