I have developed two unique web pages. One is called BookTicket which contains a form with two buttons. The first button submits the form and stores the information in a database, while the second button navigates to a payment page. The other page is called Payment. In the BookTicket page, the submitted form values are stored correctly in the database. Now, I want to display the currently entered data from the form on the Payment page, so that users can see the details they have entered. How can I achieve this? What do I need to write in the payment.html page and the PHP page for payment in order to retrieve the currently inserted record?
Here is an example of the code in the BookTicket.html file:
<div class="col-lg-12 well">
<h2 style="text-align:center;">BOOK MOVIE TICKETS</h2>
...
<form name="bookticket" ng-app="BookTicket" ng-controller="BookTicketCtrl" ng-submit="submitForm(bookticket.$valid)" novalidate>
...
<button type="submit" class="btn btn-success col-lg-8 col-lg-offset-2">REGISTER DETAILS</button>
<button type="submit" class="btn btn-success col-lg-8 col-lg-offset-2" style="margin-top:1.5em;" ui-sref="payment">PROCEED TO PAY</button>
</form>
</div>
And here is an example of the code in the main.js file:
// Angular controller for BookTicket
app.controller('BookTicketCtrl', function($scope, $location, $http) {
...
});
Lastly, here is an example of the code in the BookTicket.php file:
<?php
...
$data = json_decode(file_get_contents("php://input"));
$city = mysql_real_escape_string($data->city);
$locations = mysql_real_escape_string($data->locations);
$theater = mysql_real_escape_string($data->theater);
$showdate = mysql_real_escape_string($data->showdate);
$showtime = mysql_real_escape_string($data->showtime);
$classes = mysql_real_escape_string($data->classes);
$seatno = mysql_real_escape_string($data->seatno);
...
?>