Как вставить данные из HTML / PHP в базу данных MySQL с помощью jQuery

#php #html #jquery

#php #HTML #jquery

Вопрос:

Я не знаю, как вставить данные формы в MySQL с помощью jQuery

мой html :

  Sendungstyp
 
 <select id="st">
<option  value="">Auswahlen</option>
    <option value="1">3kg</option>
    <option value="15">10kg</option>
    <option value="12">20kg</option>
    <option value="10">50kg</option>
</select>
Zeitoption
 <select id="zt">
<option  value="">Auswahlen</option>
    <option value="1">Classic</option>
    <option value="2">Direkt Fahrt</option>

</select>


Select bezirk <select id="vta">
<option  value="">Vrom</option>
    <option value="4.3">1010</option>
    <option value="15">15</option>
    <option value="12">12</option>
    <option value="10">10</option>
</select>


<select id="vtaa">
<option  value="">To</option>
    <option value="4.3">1010</option>
    <option value="15">15</option>
    <option value="12">12</option>
    <option value="10">10</option>
</select>

    Total <input type="text" id="total" > Euro

jQuery, который я должен извлечь из данных:

  <script type="text/javascript">
 
    $("#st").on('change', function() {
  updatePrice();
});

    $("#zt").on('change', function() {
  updatePrice();
});


    $("#vta").on('change', function() {
  updatePrice();
});
$("#vtaa").on('change', function() {
  updatePrice();
});


function updatePrice() {
    st = $("#st").val();
    zt = $("#zt").val();
  vta = $("#vta").val();
  vtaaa = $("#vtaa").val();
  total = ( vta)   ( vtaaa) ( zt) ( st);
  $("#total").val(total);
}
</script>

Я знаю, что это не сложная проблема, но я не знаю, как ее решить. Я попробовал несколько вариантов, но мне это не удалось

1. Добро пожаловать в Stack Overflow. Технически не существует способа «вставить данные формы в MySQL через jQuery». Что делается, так это передача данных на веб-страницу, например, в PHP-скрипт, который может обрабатывать данные формы, переданные ему в базу данных MySQL. jQuery может помочь, разместив данные в фоновом режиме на странице PHP, это и есть AJAX.

2. $st = mysqli_real_escape_string($link, $_REQUEST[‘st’]); $zt = mysqli_real_escape_string($link, $_REQUEST[‘zt’]); $sql = «ВСТАВИТЬ В ЗНАЧЕНИЯ auftrag (st,zt) (‘$st’, ‘$zt’)»; и что ? @Twisty

Ответ №1:

При передаче данных на веб-сервер вы должны настроить HTML-форму следующим образом:

 <form action="update.php" method="post">
  <label>Name:</label>
  <input type="text" name="myName" id="myName" />
  <button type="submit">Send</button>
</form>

Этот HTML-код сообщает браузеру создать новую HTTP-запись и передать данные на соответствующую страницу, update.php . Примерно так:

 update.php?myName=John Smith

При отправке HTTP-запроса браузер загрузит новую страницу. Затем страница должна будет обработать детали.

 <?php
$postData = $_POST['myName'];
echo $postData;
?>

Ваш скрипт будет более сложным, это всего лишь пример.

AJAX использует JavaScript для создания HTTP-запроса и отправки его без необходимости загружать или обновлять страницу.

 <form action="update.php" method="post">
  <label>Name:</label>
  <input type="text" name="myName" id="myName" />
  <button type="submit">Send</button>
</form>
<script>
$("form").submit(function(e){
  e.preventDefault();
  $.post($(this).attr("action"), { myName: $("#myName").val() }, function(results){
    alert("Thank you "   result   ".");
  });
});
<script>

Этот скрипт jQuery был добавлен и будет выполнен при отправке формы, пользователь нажимает «Отправить». Скрипт сообщит браузеру создать HTTP POST запрос и отправить его на PHP. Существует функция обратного вызова, которая будет обрабатывать возвращенные данные. Исходя из пользовательского опыта, они нажмут «Отправить» и получат ответ без обновления страницы.