单击按钮多次获取请求

Question

Is it possible to integrate within a click event multiple get request? I am getting adress data from a database. As a second step I extracted the coordinates and send them back to the server. I want to pass the points which are within a buffer to Javascript.

$("#ok").click( function(event) {


$.get(url + 'c=' + text, function(data) {

   result1 = data;


$.ajax({
   url: my_url,
   type: "POST",
   data: my_data
  });

 });

 $.get(url, function(data) {

    result2 = data;
    console.log("yes");

   });

  });

Answer 1

Using the done . When one request is ready and processed, let's execute the other using done . See below. Also I've hoisted the x and y up to make them available throughout the block.

$("#ok").click( function(event) {

     var text = $('#st').val();
     var x,y;
     $.get('localhost:5000/adress?' + 'c=' + text, function(data) {

          mydata2 = data; //JSON.parse is not needed

          for (var i = 0; i <mydata2.length; i++){
          y = mydata2[i][1];
          x = mydata2[i][0];

          l = L.marker([y, x]).addTo(map);
      }).done(function(){
         $.ajax({
            url: 'localhost:5000/long_lat',
            type: "POST",
            data: {"x": x, "y": y}
      }).done(function(){

          $.get('localhost:5000/long_lat', function(data) {

          mydata3 = (data);
          console.log("yes");

         });
      });
   });
});