Я делаю проект атм и мне нужно отобразить таблицу из MySQL на HTML-странице.В настоящее время у меня есть код, который делает это, но, поскольку я использую Framework 7, мне нужно изменить функцию JavaScript, чтобы я мог переместить функцию в отдельный файл .js вместо того, чтобы весь код находился в моем HTML-файле.Я буквально хочу, чтобы код делал именно то, что он делает прямо сейчас, но только из двух отдельных файлов, есть какие-нибудь идеи о том, как изменить функцию?
Мой код в настоящее время:
<!doctype html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.10.1.min.js">
</script>
<script>
$(document).ready(function(){
$.post("https://cs1.ucc.ie/~lmm12/ProjectTraining/api.php",function(postresult){
$("body").append(postresult);
});
});
</script>
</head>
<body>
<h3>A jQuery post demo with MySQL DB and PHP</h3>
</body>
</html>
Это увеличение соответствующего файла PHP, которое помогает;
<?php
//remove space in PHP tag
$dbhostname = '--';
$dbusername = '--';
$dbpassword = '--';
$conn = mysqli_connect($dbhostname, $dbusername, $dbpassword);
if(! $conn )
{
die('Could not connect: ' . mysqli_error());
}
//echo 'MySQL Connected successfully'."<BR>";
mysqli_select_db($conn, "--") or die(mysqli_error());
//echo "Connected to Database"."<BR>";
$emp_salary = 7000;
$emp_id = 3;
$sql_statemanet = "select * from food";
$rec_select = mysqli_query($conn, $sql_statemanet);
if(! $rec_select )
{
die('Could not retrieve data: ' . mysqli_error());
}
//Displaying fetched records to HTML table
echo "<table class='demotbl'>";
echo "<tr> <th>Product ID</th> <th>Product </th> <th>Quality </th> <th>Quantity </th></tr>";
// Using mysql_fetch_array() to get the next row until end of table rows
while($row = mysqli_fetch_array( $rec_select )) {
// Print out the contents of each row into a table
echo "<tr><td>";
echo $row['name'];
echo "</td><td>";
echo $row['tfat'];
echo "</td><td>";
echo $row['calories'];
echo "</td><td>";
echo $row['type'];
echo "</td></tr>";
}
mysqli_close($conn);
?>