получение остальной части строки в базе данных с использованием JQuery

Question

Хорошо, у меня есть окно поиска, в котором люди набирают еду.Когда они нажимают кнопку, мне нужно, чтобы этот ввод был отправлен в файл .php.Этот php-файл будет смотреть калории этого продукта (которые есть в моей базе данных) и выводить название продукта и калории.Все это должно быть сделано без перезагрузки страницы, поэтому я начал выяснять, как работает JQuery.

Однако я застрял, Я не знаю, что поместить в поле данных функции jquery икак я могу «поймать» эти данные в .php файле.Может кто-нибудь дать мне идею? Большое спасибо!(см. ?????? для вещей, которые я не понимаю).Кроме того, данные, которые возвращаются, не должны быть в конце окна предупреждения, а должны обновить таблицу на моей странице, как я могу это сделать?какая JSON (?) функция Jquery мне нужна?

что у меня есть до сих пор:

в голове:

<script type="text/javascript">
function contentDisp()
{

$.ajax({
  type: 'POST',
  url: 'getFood.php',
  data: '????????',
  success: function(data){ 
    alert("Data Loaded: " + data); 
  }

});

}
</script>

и в теле:

<form autocomplete="off">
        <p>
            Product:
            <input type="text" name="food" id="food" class="food_name_textbox" onmouseover="javascript: this.className='food_name_textbox_mouseover';" onmouseout="javascript: this.className='food_name_textbox';" / >
        </p>
        <button id="zoek" type="button" onClick="contentDisp();">Zoek</button>
    </form>

и в getFood.php:

<?php
require_once "config.php";
$id = "??????"
$result = mysql_query("SELECT * FROM voedingswaarden WHERE voedsel='$id'");
$row = mysql_fetch_array($result);

echo json_encode($row);

?>

Answer 1

$.ajax({
  type: 'POST',
  url: 'getFood.php',
  data: {'foodnametextbox' : $('#food').val() },
  datatype: "json",
  success: function(data){ 
    $('#table').html(data);
  }
});

<?php
require_once "config.php";
$id = $_POST['foodnametextbox']; //escape and validate this input before using it in a query
$result = mysql_query("SELECT * FROM voedingswaarden WHERE voedsel='$id'");
$row = mysql_fetch_array($result);

echo json_encode($row);

?>

Answer 2

<script type="text/javascript">
function contentDisp()
{
var textSearch = $("#myText").text();

$.ajax({
  type: 'POST',
  url: 'getFood.php',
  data: textSearch,
  success: function(data){ 
    alert("Data Loaded: " + data); 
  }

});

}
</script>

PHP:

$id = $_POST['textSearch'];