2012-04-10 6 views
37

Ist es möglich, eine Ajax Anfrage innerhalb einer anderen Ajax Anfrage zu stellen? , weil ich einige Daten von der ersten Ajaxanforderung benötige, um die nächste Ajaxanforderung zu bilden.jQuery Ajax Anfrage innerhalb von Ajax Anfrage

Zuerst benutze ich Google Maps API, um LAT & LNG zu bekommen, danach benutze ich das LAT & LNG, um Instagram API (suchbasierter Standort) anzufordern.

Noch einmal, ist das möglich, und wenn ja wie? Hier

$('input#search').click(function(e){ 
    e.preventDefault(); 
    var source=$('select[name=state] option:selected').text()+' '+$('select[name=city] option:selected').text()+' '+$('select[name=area] option:selected').text(); 
    var source=source.replace(/ /g, '+'); 
    if(working==false){ 
     working=true; 
     $(this).replaceWith('<span id="big_loading"></span>'); 
     $.ajax({ 
      type:'POST', 
      url:'/killtime_local/ajax/location/maps.json', 
      dataType:'json', 
      cache: false, 
      data:'via=ajax&address='+source, 
      success:function(results){ 
       // this is where i get the latlng 
      } 
     }); 
    } else { 
     alert('please, be patient!'); 
    } 
}); 
+6

Ja, es ist möglich – Ved

+1

Könnten Sie schreiben den Code, den Sie bisher haben. –

+0

Ich habe meine Frage bearbeiten, der Code ist über –

Antwort

57

ist ein Beispiel:

$.ajax({ 
     type: "post", 
     url: "ajax/example.php", 
     data: 'page=' + btn_page, 
     success: function (data) { 
      var a = data; // This line shows error. 
      $.ajax({ 
       type: "post", 
       url: "example.php", 
       data: 'page=' + a, 
       success: function (data) { 

       } 
      }); 
     } 
    }); 
+0

Sind Sie sicher, dass Best Practice ist? Mein Freund meint, ich sollte eine Flag-Variable verwenden und sie mit einer setInterval-Funktion außerhalb von – whamsicore

+1

überprüfen. Dies mag auch eine Lösung sein, aber das erfordert weniger Aufwand und viel einfacher. – Tarek

+3

Ich kann nicht ausdrücken, wie hilfreich diese Antwort für mich war, als ich versuchte, einen Beitrag zum Erfolg eines Get zu machen. – Bruce

1

Dies ist nur ein Beispiel. Sie können es gerne nach Ihren Anforderungen anpassen.

$.ajax({ 
     url: 'ajax/test1.html', 
     success: function(data1) { 
     alert('Request 1 was performed.'); 
     $.ajax({ 
     type: 'POST', 
     url: url, 
     data: data1, //pass data1 to second request 
     success: successHandler, // handler if second request succeeds 
     dataType: dataType 
    }); 
    } 
}); 

Weitere Details: siehe this

7

versuchen diese

var dt=''; 
    $.ajax({ 
    type: "post", 
    url: "ajax/example.php", 
    data: 'page='+btn_page, 
    success: function(data){ 
       dt=data; 
       /*Do something*/ 
      }, 
    complete:function(){ 
      $.ajax({ 
      var a=dt; // This line shows error. 
      type: "post", 
      url: "example.php", 
      data: 'page='+a, 
      success: function(data){ 
       /*do some thing in second function*/} 
      }, 

    }); 
}); 
0
$.ajax({ 
    url: "<?php echo site_url('upToWeb/ajax_edit/')?>/" + id, 
    type: "GET", 
    dataType: "JSON", 
    success: function (data) { 
     if (data.web == 0) { 
      if (confirm('Data product upToWeb ?')) { 
       $.ajax({ 
        url: "<?php echo site_url('upToWeb/set_web/')?>/" + data.id_item, 
        type: "post", 
        dataType: "json", 
        data: {web: 1}, 
        success: function (respons) { 
         location.href = location.pathname; 
        }, 
        error: function (xhr, ajaxOptions, thrownError) { // Ketika terjadi error 
         alert(xhr.responseText); // munculkan alert 
        } 
       }); 
      } 
     } 
     else { 
      if (confirm('Data product DownFromWeb ?')) { 
       $.ajax({ 
        url: "<?php echo site_url('upToWeb/set_web/')?>/" + data.id_item, 
        type: "post", 
        dataType: "json", 
        data: {web: 0}, 
        success: function (respons) { 
         location.href = location.pathname; 
        }, 
        error: function (xhr, ajaxOptions, thrownError) { // Ketika terjadi error 
         alert(xhr.responseText); // munculkan alert 
        } 
       }); 
      } 
     } 
    }, 

    error: function (jqXHR, textStatus, errorThrown) { 
     alert('Error get data from ajax'); 
    } 

}); 
+0

nur Beispiel, das ich benutzte ... und funktioniert ... –