jQuery 中嵌套 ajax 调用的问题

Question

I have a situation where I make an ajax call, on returning from which (successfully), I make an another ajax call with the returned data and submit the page. The pseudo code looks something like this:

$.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();
});

The inner ajax call is not executed if I do not comment out the 'submit' line. I do not understand the behaviour. Can someone please help me with this. Thanks

Answer 1

You need to execute submit on second ajax sucess.

For example

    $.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();   
              }

         });
         });

Try this one.Its working correctly.