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>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.