2016-03-31 25 views
1

Latin Amerika'da ülkelerin veritabanı tabanlı bir listesini görüntüleyen bir dosyam (lam.php) var. Sitemdeki çeşitli sayfalara uygun bir referans olarak eklemek istiyorum. Ancak, basit bir şekilde eklemek yerine, AJAX kullanmak istiyorum, böylece kullanıcılar listeyi görmek isteyip istemediğine karar verebilirler.jQuery AJAX Baş Komutunda Hata Sonrası Hata

AJAX ile nasıl çalışacağımı öğreniyorum. Ben Get yerine Post kullanarak jQuery + AJAX kullanmak istiyorum gibi geliyor.

Ama hemen bu satırdaki bir hataya asıldım: $ .post ("http://gx/2b/inc/C/Shared/DBLists/World/lam.php", veri, geri arama);

Sayfayı önizlerken görüntülenen hataları göremiyorum, ancak Dreamweaver'da hata vurgulanıyor. Düğmeyi tıklattığımda hiçbir şey olmuyor, bu yüzden bir yerlerde bir hata var. Scriptimde hata (lar) görebilen var mı?

Tüm bu betik:. Sen görüntülenecek sonuç için HTML bir DIV eklemem gerekiyor

<head> 
    <script> 
    $(document).ready(function(){ 
    $("button#lam").click(function() 
    $.post("http://gx/2b/inc/C/Shared/DBLists/World/lam.php",data,callback); 
    ) 
    } 
) 
    </script> 
</head> 

<body> 
    <button id="lam">Latin America<button> 
</body> 
+0

'callback' işlevini tanımladınız mı? – Barmar

+1

Tanımlanmamış "data" değişkenini kullanıyorsunuz. – Barmar

+0

Bunu bir eğiticiden aldım. Senaryolarını temel olarak kopyaladım. "Veri" ve "geri arama" ı nasıl tanımlarım? Tüm veriler lam.php dosyasında, yani "verileri" silebilir miyim? "Geri arama", verilerin nasıl alınacağını belirler, değil mi? Başka bir deyişle, "Birisi" afrika "kimliğine sahip düğmeyi tıkladığında" Bu tabloyu göster "seçeneğini belirtebilirim. –

cevap

1

Sonra geri arama işlevi AJAX gelen tepki ile DIV doldurmak zorundadır aramak.

PHP betikiniz herhangi bir parametre almıyorsa, data argümanına ihtiyacınız yoktur.

<head> 
<script> 
$(document).ready(function(){ 
    $("button#lam").click(function() 
     $.post("http://gx/2b/inc/C/Shared/DBLists/World/lam.php", function(response) { 
      $("#lam-result").html(response); 
     }); 
    }); 
}); 
</script> 
</head> 

<body> 
    <button id="lam">Latin America<button> 
    <div id="lam-result"></div> 
</body> 
İlgili konular