passing the parameter in post in jquery

Question

I want to pass the response data to another page in ajax success.

I'm using jquery in laravel. I have called the function and get the data from the controller in success call. I want to pass the received data to another page detail

$.ajax({
  type: 'get',
  url: 'am_detailed_report', //send the request to the controller
  data: {
    am_geo_selection: am_geo_selection
  },
  dataType: 'json',
  success: function(data) {
    console.log(data);
    $url = "am_detailed?filter=" + data;
    window.open($url, "_blank"); //want to send the parameter in post instead of passing it in url.
    $('.loaderImage').hide();
  },
  error: function(jqXHR, textStatus, errorThrown) {
    $('.loaderImage').hide();
  }
});

why do you need this behavior? Looks like you will show some details using the filter, which GET should be appropriate for this — Rafael Dourado D, Dec 04 '20 at 13:02
may be this is helpful https://stackoverflow.com/questions/10089447/jquery-ajax-request-inside-ajax-request — Mike Debela, Dec 04 '20 at 13:06

score 0 · Answer 1 · answered Dec 04 '20 at 13:04

Try this

$.ajax({
  type: 'get',
  url: 'am_detailed_report', //send the request to the controller
  data: {
    am_geo_selection: am_geo_selection
  },
  dataType: 'json',
  success: function(data) {
    console.log(data);
    $url = "am_detailed"
    const html = `<form action="${url}" method="post">
      <textarea name="filter">${data}</textarea>
      </form>`
    const w = window.open("", "_blank"); 
    w.document.write(html);
    w.document.close();
    w.document.querySelector("form").submit()
    $('.loaderImage').hide();
  },
  error: function(jqXHR, textStatus, errorThrown) {
    $('.loaderImage').hide();
  }
});

passing the parameter in post in jquery

1 Answers1