Форма HTML / PHP - не обновлять при изменении - PullRequest
Новая
       13

Форма HTML / PHP - не обновлять при изменении

0 голосов
/ 18 мая 2018

У меня есть следующие HTML-формы и PHP-запросы, которые отображают записи базы данных на основе раскрывающегося списка.В целом, запросы и формы работают, но я бы хотел, чтобы вся веб-страница не обновлялась, но все равно отображала данные.

Я знаю, что виновником является onchange="this.form.submit();" Однако я мог быне заставить его работать с jquery.1.8.3.min.Каталог / путь jquery: src="js/jquery.1.8.3.min.js"

Это полный код моей HTML-формы и PHP-запросов.Заранее большое спасибо за вашу поддержку. 

<?php
if(isset($_POST['gebiet1'])){
    $selected_val = $_POST['gebiet1'];  // Storing Selected Value In Variable
    echo "Sie haben " .$selected_val." selektiert.";  // Displaying Selected Value
}
?>

<?php
require_once ('config.php');
$db = mysqli_connect (
                     MYSQL_HOST, 
                     MYSQL_BENUTZER, 
                     MYSQL_KENNWORT, 
                     MYSQL_DATENBANK
                    );
?>

<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="POST">
    <div id="select">
    <select name="gebiet1" onchange="this.form.submit();">

<?php
$gebietausgabe = mysqli_query($db, "SELECT DISTINCT Gebiet FROM kernfragen");
while ($row = $gebietausgabe->fetch_assoc())
{

  echo '<option value="' . $row['Gebiet'] . '">' . $row['Gebiet'] . '</option>';
}

?>

    </select>
    </div>
</form>

<?php        
if(isset($_POST['gebiet1'])){
$ergebnis = mysqli_query($db, "SELECT idKernfragen, Kernfrage FROM kernfragen WHERE Gebiet='".$selected_val."'");

while($row = mysqli_fetch_object($ergebnis))
{
  echo $row->idKernfragen;
  echo '.) ';
  echo $row->Kernfrage;
  print "<br>";
}
}
?>

1 Ответ

0 голосов
/ 18 мая 2018

Если вы хотите избежать полной перезагрузки страницы, вам следует избегать отправки формы, поскольку это приведет к загрузке URL-адреса действия.

для этого вида изменения только частей страницывам нужен AJAX , для которого требуется специальный javascritp для запуска запроса и обмена контентом, а также серверный скрипт, который возвращает только ту часть, которую вам нужно обменять (нет всей html-страницы с head, css, ...)

...