Измените функцию, чтобы иметь отдельный файл js - ajax, html и mysql

Я делаю проект atm, и мне нужно отобразить таблицу из MySQL на странице HTML. В настоящее время у меня есть код, который это делает, но поскольку я использую фреймворк 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);
 
?>

Привет, вы хотите отделить js от html, верно?

David Leonardo Molina Ruiz Dav 13.09.2018 22:08

да, чтобы я мог поместить его в проект телефонного разговора

Laurcode 13.09.2018 22:11

Хорошо, я написал ответ, надеюсь, я тебя понял

David Leonardo Molina Ruiz Dav 13.09.2018 22:14
1
3
54
1

Ответы 1

Если вы хотите отделить только js от html, просто поместите свой код js в файл js:

JS-ФАЙЛ:

$(document).ready(function(){
    $.post("https://cs1.ucc.ie/~lmm12/ProjectTraining/api.php",function(postresult){
    $("body").append(postresult);
    });
});

а затем вы можете вызвать его в своем html следующим образом:

<!doctype html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="path_of_your_js/your_js_file.js"></script>

поскольку я использую framework 7, у меня есть отдельный файл index.html, в котором я использую все остальные файлы, поэтому мне нужно изменить фактическую функцию. В моем html для отображения базы данных есть только тело

Laurcode 13.09.2018 22:15

посмотри, это похоже на мой ответ v1.framework7.io/docs/get-started.html

David Leonardo Molina Ruiz Dav 13.09.2018 22:20

Другие вопросы по теме