I have a PHP function on my site which takes a couple of seconds to complete. This holds the whole page up which I don't want.
Would it be possible with jquery to call this PHP function after the page has loaded and display the results in a div? Also to display an ajax loader image until the PHP function has completed?
I've been looking at jQuery.post but can't seem to get it to work.
Would someone be able to help?
Thank you
I think you've got almost everything. The callback function you have under success needs an argument which stands for the results from search.php
success: function(res) {
goToByScroll("result");
$('#result').html("<br><br><br><br><br><br><br><br><br><br><div class='center'><img src='img/loader.gif' /></div>").hide().fadeIn(2500, function() {
$('#result').html(res + "<br /><br /> Finished");
});
}
res is everything outputted be search.php. Echo, stuff outside of php tags, etc Anything you'd see if you loaded search.php itself.
I don't know if you wanted 'Finished' to still be there. Take it out if you dont.
I solved my problem with a friend's help.
Basically what we've done.
We create a div with the "php echo":
<div id="intervalo-manha"><?php echo intervalo_manha(); ?></div>
Then we've hiden it with css:
<style type="text/css">
#intervalo-manha {
display: none;
}
</style>
After this we just called the div at jQuery function:
var newRow = $("<tr style='margin-left:-60px'>...<td>" + $("#intervalo-manha").html() + "</td></tr>");
I never thought that it could be so easier. :)
Thank you for everyone who gave me tips and suggestions.
regards
You need to quote p_user_id:
echo '<td class="btn-action"><a href="javascript:void(0);"
onClick="record_delete(''.$p_user_id.'')" class="btn-delete">
<i class="fa fa-times" aria-hidden="true"></i></a></td>';
i think your problem may be in ajax code since you are using formData object . try append the message variable with it
$('#submit').on('click', function(){
var fd = new FormData(this);
fd.append('file',$('#file')[0].files[0]);
fd.append('message ',$('#message').val());
$.ajax({
method:"POST",
url:"<?php echo site_url('home/send_chat');?>",
data: fd,
cache: false,
contentType: false,
processData: false,
success: function(data){
alert(data);
},
error: function(xhr, status, error) {
alert(xhr.responseText);
}
});
});
AJAX does the magic: