Tamam, bu yüzden webdeveloping için oldukça yeni, bu yüzden muhtemelen aptalca bir soru duyuyorum:

Ben fooditems için otomatik tamamlama yapar (bir veritabanı sütun değerleri alır) ve bu işler bu arama formu var. Ben submit düğmesine bastığınızda Şimdi vb (aynı zamanda gıda maddesi olarak aynı satırda veritabanında) gıda kalemlerinin kalori görüntüleyen bir kod bloğu yüklemek istiyorum.

Nasıl böyle bir şey yapabilirsiniz. Ben bu oldukça geniş bir soru kno, ama göndermek düğmesine basarak ve bazı tür bir parametre olarak metin alanına verilen girişini kullanırken gerçekten isimli soruyorum ne, nasıl benim web sitesi yeniden yükleme küçük bir parçası yapabilirsiniz.

Ben doğru yolu almak, sadece herhangi bir ipucu büyük takdir, bütün cevaplar gerek yok!

giriş ve düğme için kodumu burada:

kafasına

<script type="text/javascript" src="jquery.js"></script>
<script>
function ok(){
$.post("test.php", { name: "John", time: "2pm" }, function(data){ alert("Data Loaded: " + data); });
}
</script>

Vücutta:

<form autocomplete="off">
  <p>
   Food <label>:</label>
   <input type="text" name="food" id="food"  / >
  </p>
  <input type="submit" id="submit" value="Submit" onclick="ok()" />

 </form>

veya:

head:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.js"></script>
<script>
$("input[type='submit']").bind("click", function (event) {
    event.preventDefault(); // Stop a form from submitting
    $.post("/path/to/call", { /* data? */ }, function (data) {
        // Process return data here
    });
});

</script>

gövde:

    <form autocomplete="off">
      <p>
       Food <label>:</label>
       <input type="text" name="food" id="food"  / >
      </p>
    <input type="submit" id="submit" value="Submit" />
</form>