den Rest der Zeile in einer Datenbank mit JQuery

Question

bekommen Ok, also habe ich dieses Suchfeld, in dem Leute ein Nahrungsmittel eintippen. Wenn sie den Knopf drücken, muss ich diese Eingabe an eine .php Datei senden. Diese PHP-Datei wird nach den Kalorien dieses Nahrungsmittels (das ist in meiner Datenbank) aussehen und den Namen und die Kalorien des Nahrungsmittels ausgeben. All dies muss getan werden, ohne die Seite neu zu laden, also habe ich angefangen herauszufinden, wie JQuery funktioniert.

Allerdings stecke ich fest, Ich weiß nicht, was ich in das Datenfeld der Jquery-Funktion einfügen soll und wie ich diese Daten in der .php-Datei 'fangen' kann. Kann mir jemand eine Idee geben? vielen Dank! (Siehe die ?????? s für Dinge, die ich nicht verstehe). Außerdem müssen die Daten, die zurückkommen, am Ende nicht in einer Alarmbox sein, sondern einige Tabellen auf meiner Seite aktualisieren. Wie kann ich das tun? Welche JSON (?) Jquery-Funktion brauche ich?

, was ich habe bisher:

in Kopf:

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

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

}); 

} 
</script> 

und in Körper:

<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> 

und in 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'];