ASP.NET jQuery AJAX Veri Ekleme
ASP.NET jQuery AJAX veri ekleme, web sayfanıza kullanıcı arayüzü öğeleri eklemek için kullanılan bir tekniktir. Bu teknik, sayfayı yeniden yüklemeden verileri sunucuya göndermenizi ve sunucudan verileri alarak sayfaya eklemenizi sağlar.
ASP.NET jQuery AJAX veri ekleme işlemi, aşağıdaki adımlardan oluşur:
- Öncelikle, web sayfanıza jQuery kütüphanesini eklemeniz gerekir. Bunu, aşağıdaki kodu sayfanızın
<head>bölümüne ekleyerek yapabilirsiniz:
“`html
“`
- Ardından, web sayfanıza bir form eklemeniz gerekir. Bu form, kullanıcıların verileri girmesini sağlayacaktır. Örneğin, aşağıdaki kodu sayfanızın
<body>bölümüne ekleyerek bir form oluşturabilirsiniz:
“`html
“`
- Formun
submitolayına bir jQuery olay işleyicisi eklemeniz gerekir. Bu olay işleyicisi, form gönderildiğinde çalışacak ve verileri sunucuya gönderecektir. Örneğin, aşağıdaki kodu sayfanızın<script>bölümüne ekleyerek form gönderildiğinde çalışacak bir olay işleyicisi oluşturabilirsiniz:
“`javascript
$(“#form1”).submit(function(e) {
e.preventDefault();
var data = $(this).serialize();
$.ajax({
type: “POST”,
url: “veri_ekleme.php”,
data: data,
success: function(response) {
alert(response);
}
});
});
“`
- Son olarak, sunucuda verileri eklemek için bir PHP dosyası oluşturmanız gerekir. Bu dosya, verileri veritabanına ekleyecek ve ardından bir mesaj döndürecektir. Örneğin, aşağıdaki kodu veri_ekleme.php dosyasına ekleyerek verileri veritabanına ekleyebilirsiniz:
“`php
query($sql) === TRUE) {
echo “Veriler başarıyla eklendi.”;
} else {
echo “Veriler eklenirken bir hata oluştu.”;
}
// Veritabanı bağlantısını kapat
$conn->close();
?>
“`
ASP.NET jQuery AJAX veri ekleme işlemi, web sayfanıza kullanıcı arayüzü öğeleri eklemek için kullanabileceğiniz güçlü bir tekniktir. Bu teknik, sayfayı yeniden yüklemeden verileri sunucuya göndermenizi ve sunucudan verileri alarak sayfaya eklemenizi sağlar.