2010-02-18 11 views
6

Bir müşteriyi bir tablodan silmek için jquery ajax kullanıyorum. Formu göndermeden önce nasıl bir onay kutusu göstereyim? Tercihen jQuery'nin iletişim kutusunu kullanmayı tercih ederim.jQuery ajax yöntemini kullanarak bir form göndermeden önce bir onay iletişim kutusunu nasıl gösteririm?

Daha önce bu gibi soruları gördüm ama hiçbiri yardımcı olmadı.

Bu

benim kodudur:

$.ajax({ 
     type: "POST", 
     url: "delete/process.php", 
     data: "delcustomerid="+ delcustomerid, 
     success: refreshTable 
    }); 

cevap

11

form gönderilmeden önce iletişim göstermek için kullanabilir ajax function has a beforeSend event.

İletişim kutusu formun gönderilmemesi gerektiğini belirtirse, formun gönderilememesi için işlevinizden false döndürürsünüz. Senin durumunda

, sen yapardın aşağıdadır:

$.ajax({ 
    beforeSend: function (request) { 
     // This is where you show the dialog. 
     // Return false if you don't want the form submitted. 
    }, 

    type: "POST", 
    url: "delete/process.php", 
    data: "delcustomerid="+ delcustomerid, 
    success: refreshTable 
}); 

misiniz (sen görünüyor) form için bir POST, ben yüksek Eğer jQuery form plugin bakmak tavsiye veren varsa AJAX aracılığıyla form gönderme sürecini kolaylaştırır gibi sizin için çok şey çağırır ve tüm aynı parametreleri kullanır bir çağrı ajax yapar.

+0

Jquery form eklentisini kullandım, ancak birkaç sorunla karşılaştım. Ben eklenti olmadan şeyler yapmak daha kolay (daha hızlı lol) buluyorum. Cevabınız için teşekkürler, sadece aradığım şey. ne için (istek)? – user272899

+0

@ user272899: İstek parametresi, istekte kullanılacak XMLHTTPRequest örneğini içerir. Mutlaka buna ihtiyacınız yok, ama bu işleve geçti. – casperOne

+0

@ user272899: Ayrıca isterseniz, jQuery form eklentisi sorunlarıyla ilgili ayrıntılı bilgi edinin. Doğrulama ile birlikte jQuery form eklentisini kullanmak için bazı bilgileri yazdım (aramanız gereken şeyler): http://stackoverflow.com/questions/1996125/how-to-use-jquery-validation-plugin- ile-metaveri ve-jquery-form eklentisi-wi – casperOne

1

Kullanıcı girdisini kontrol ettikten sonra gösterdiğiniz aramayı yapan bir işlev oluşturmanız gerekir.

örn:

function DeleteWithCheck() { 
    if (confirm("Are you sure you want to delete customer "+delcustomerid.ToString())) 
    { 
    $.ajax({ 
     type: "POST", 
     url: "delete/process.php", 
     data: "delcustomerid="+ delcustomerid, 
     success: refreshTable 
    }); 
    } 
    else 
    alert("Aborted"); 
} 

Çağrı Eğer silme yapmak istiyorum bu fonksiyonu.