Ajax kullanarak WordPress’teki veritabanına veri nasıl girilir

Ajax kullanarak WordPress’teki veritabanına veri girmenin yollarını mı arıyorsunuz? Okumaya devam edin, çünkü bunu başarmak için izlemeniz gereken basit adımları paylaşacağız. Bu çözümü uygulayabilmeniz için bazı kodlama becerilerine ihtiyacınız olduğunu belirtmek önemlidir. Ancak, WordPress sitenize çözümleri nasıl uygulayabileceğinizi açıklamak için her adımı ayrıntılı olarak açıklamaya çalışacağız. Ajax, sayfaları yeniden canlandırmadan bir veritabanına veya sunucuya veri göndermek anlamına gelir. Bu, ziyaretçilerin web sitenizden veya geçerli sayfadan ayrılmamasını sağlar. Buna ek olarak, özellikle büyük formları doldururken çok zaman tasarrufu.
Doğruca içine girelim. Özet
Bir Form Oluştur
Tüm form verilerini jQuery kullanarak alın ve Ajax üzerinden veri gönderin
Veritabanına veri alın ve ekleyin
İlk Adım Oluşturma Formu Bir Form Oluşturmaktır. WordPress’te Ajax isteği aracılığıyla bir form gönderirken, AJAX aracılığıyla veri gönderebilir ve URL admin_url (‘admin-ajax.php’) aracılığıyla temanızdaki işleve ulaşabilirsiniz; yöneticiye güvenli bir şekilde ulaşmak için. WordPress tarafından sağlanan AJAX belgesinde bu URL hakkında daha fazla bilgi edinebilirsiniz. Bir form oluşturmak için, bu kodu görüntülemek istediğiniz yere kopyalayın ve yapıştırın. Index.php dosyasında, single.php, page.php veya hatta sidebar.php’de görüntülenebilirsiniz.
& lt; div class = “konteyner” & gt;
& lt; h1 & gt; wordpress ajax ekleme sonrası demo ekleme & lt;/h1 & gt;
& lt; form id = “enquiry_email_form” action = “#” yöntem = “post” data-url = “& lt;” php echo admin_url (‘admin-ajax.php’); & gt; ” Enctype = “çok taraflı/formlar” & div class = “form-grup” & gt;
& lt; Etiket = “” & gt; başlık girin & lt;
& lt; giriş türü = “text” class = “form-control” name = “Post_title” id = “Post_title” yer tutucu = “başlık” /& gt;
& div & gt;
& lt; div class = “form-grup” & gt;
& lt; Etiket = “” & gt; açıklama girin & lt;/label & gt;
& lt; textAea name = “Post_description” id = “Post_description” cols = “30” satır = “10” class = “form-kontrol” yer tutucu = “Gönderimi girin” & lt;/textarea & gt;
& div & gt;
& lt; div class = “form-grup” & gt;
& lt; düğme türü = “gönder” class = “btn btn-primary” & lt; i class = “gliphicon gliphicon-present” & gt;/i & gt; & Lt;/button & gt;
& div & gt;
& form & gt;
& div & gt;
Tüm form verilerini jQuery kullanarak alın ve bu bölümde Ajax üzerinden veri gönderin, sonuçları elde etmek için jQuery kullanacağız. Veya aynı sonuçları elde etmek için JavaScript vanilyasını da kullanabilirsiniz.
Devam etmeden önce, $ .ajax () işlevindeki veri nesnesindeki eylem değişkenlerini kaydetmeyi unutmayın. Bunun nedeni, işlevi Ajax işlevinde kullanacağız. $ (“#enquiry_email_form”). on (“gönder”, function (olay) {

event.preventDefault ();
var form = $ (this);
Var ajaxurl = form.Data (“url”);
var detetal_info = {post_title: form.find (“#post_title”). val (),
Post_description: form.find (“#post_description”). val ()
}
if (detay_info.post_title === “” || detay_info.post_description === “”) {
Uyarı (“alanlar boş olamaz”);
dönüş;
}
$ .Ajax ({
URL: Ajaxurl,
Tür: ‘Post’,
Veri: {
Post_Details: Detail_info,
Eylem: ‘Save_post_Details_Form’ // Bu WordPress Function.php içinde kullanılacak
},
Hata: işlev (hata) {
Uyarısı (“Insert başarısız” + hata);
},
Başarı: işlev (yanıt) {
Uyarı (“Başarı Ekle” + yanıt);
}
});
})
Yukarıdaki kod, Gönder düğmesini tıkladıktan sonra verilerin Ajax’a gönderilmesini sağlar. Değerleri Function.php temasına almamız gerekir. Ajax WordPress işlevini kullanır.
Verileri ilk veritabanına alın ve ekleyin, veri almak ve veritabanına girmek için Ajax WordPress işlevini yazalım. // ajax verilerini kaydetme
Add_action (‘wp_ajax_nopriv_save_post_details_form’, ‘save_enquiry_form_action’);
Yukarıdaki koddaki dize iki ana parçadan oluşur. Nopriv ve save_post_details_form. Nopriv bölümü, kullanıcı girerse Ajax’ın başarısız olacağı anlamına gelir. Ancak, kullanıcı girmezse, Ajax işlevi tetikler. Save_post_Details_Form, veri nesnesindeki $ .ajax () ‘da JavaScript kodunda yazdığımız şeydir. Düzgün eşleşmezse işlevin işlev görmeyeceği belirtilmelidir.
Add_action işlevindeki bir başka argüman, veri almak ve istediğimizi yapmak için işlevin adıdır. Son adım, sonuçlara bağlı olarak doğru veya yanlış eylemi geri yüklemek ve ön uçta görüntülemektir. Function sour_enquiry_form_ace () {$ post_title = $ _post [‘post_details’] [‘post_title’];
$ post_description = $ _post [‘Post_Details’] [‘Post_description’];
$ args = [
‘Post_title’ => $ Post_title,
‘Post_content’ => $ Post_description,
‘Post_status’ => ‘yayın’,
‘post_type’ => yazı ‘,
‘post_date’ => get_the_date ()
];
$ is_post_inserted = wp_insert_post ($ args);
if ($ is_post_inserted) {
“Başarı” geri dönüş;
} başka {
“Başarısız” i döndür;
}
}
Mesajları farklı çıktılar görüntülemek için ayarlayabileceğinizi belirtmek önemlidir.
Sonuç Bu kısa yazıda, Ajax kullanarak WordPress’teki veritabanına veri nasıl girebileceğinizi paylaştık. Son bölümdeki ‘Diğer’ koşulları Ajax’ta hile yaparsa ve daha açıklayıcı bir mesaj yapabilirsiniz. Bu çözümü uygulayamıyorsanız, bizimle iletişime geçmekten çekinmeyin. Bir hata yaparsanız, sitenize zarar verebilirsiniz. Bu yazının, yeniden sevme sayfaları olmadan veritabanına nasıl veri göndereceğinizi öğrenmenize yardımcı olur. Benzer makaleler
WordPress Sidembars Foreach Loop ile Nasıl Kaydolur
Pratik bir örnek kullanarak WordPress’te kategorinin adını nasıl görüntülendim
WordPress’e girilen kullanıcı bilgileri nasıl alınır
Wooocommerce Checkout sayfasında bir kene kutusu nasıl oluşturulur