Fetching data from database using ajax and php - php

Question

Below filmdetails.php file i want to call on href click, how i can incorporate the same using ajax for mobile app. i mean when i click on link filmdetails.php?id=12 then below code will fetch the 12 id having data associated with it such as name and year of the film
I want to process this using ajax. please guide
<?php
include('connection.php');
$filmId = $_GET['filmId'];
$sql ="SELECT * FROM films where filmId ='$filmId'";
mysqli_query("SET NAMES utf8");
$result = mysqli_query($conn, $sql);
while($row = mysqli_fetch_array($result))
{
$id = $row['filmId'];
$name = $row['filmName'];
$year = $row['filmYear'];
echo "$name, $year";
}
mysql_free_result($result);
mysqli_close($conn);
?>

Answer 1

suppose your a tag has id named getcountry, than use
$(document).ready(function() {
$('#getcountry').click(function() {
$.ajax({
method: "POST",
url: "filmdetails.php",
data: { filmId: <?php echo $_GET['filmId']; ?> }
}).done(function( msg ) {
alert( "Data Saved: " + msg );
});
});
});

Answer 2

I think This trick will be work.
<a href="filmdetails.php?foo_id=' . $film_id . '" class="clickMe">
<span id="results"></span>
<script type="text/javascript">
$('a.clickMe').click(function(e){
// Stop default click action in browser
e.preventDefault();
// Make ajax call
$.ajax($(e.target).attr("href"), {
cache:false,
success:function(data){
$("#results").html(data);
}
});
})
</script>

Answer 3

Send the filmId via your AJAX request.
$.ajax({
method: "POST",
url: "filmdetails.php",
data: { filmId: <?php echo $_GET['filmId']; ?> }
}).done(function( msg ) {
alert( "Data Saved: " + msg );
});
You will see your data in an alert. You can put this data in document using jQuery's .html() method.