Is it possible to make an ajax request inside another ajax request? because I need some data from first ajax request to make the next ajax request.
I tried to make a script, but i see that instead of GET, my request is POST and i dont know where is the problem..
<script type="text/javascript"> $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); $('#file-upload').submit(function(e) { e.preventDefault(); let formData = new FormData(this); $('#file-input-error').text(''); $.ajax({ type: 'POST', url: "{{ route('resume.store') }}", data: formData, contentType: false, processData: false, success: (response) => { if (response) { this.reset(); $("#showResponseArea span").html(response); //you will paste your response msg to the $.ajax({ type: 'GET', url: "{{ route('resume.api') }}", dataType: 'json', data: { 'url': response, } }) } }, error: function(response) { $('#file-input-error').text(response.responseJSON.message); } }); }); </script>
Advertisement
Answer
My code works perfectly, the real problem was in the controller, instead of:
public function fetch(Request $request) { $cvupload = $request->url; $client = new Client(); $res = $client->get("https://api.apilayer.com/resume_parser/url?url=$cvupload", [ 'headers' => [ 'apiKey' => 'xxx' ] ]);
my code was with $res = $client->post
.