JSON Verisini Almak:
Öncelikle, filtrelemek istediğiniz JSON verisini almanız gerekiyor. Bu veriyi bir dosyadan (örneğin, data.json) veya bir API'den alabilirsiniz.
Dosyadan Veri Alma:
JavaScript
$.getJSON("data.json", function(data) {
// Veri alındıktan sonra filtreleme işlemi burada yapılacak
filtrelemeIslemi(data);
});
API'den Veri Alma:
JavaScript
$.ajax({
url: "https://api.example.com/data",
method: "GET",
dataType: "json",
success: function(data) {
// Veri alındıktan sonra filtreleme işlemi burada yapılacak
filtrelemeIslemi(data);
},
error: function(error) {
console.error("Veri alınamadı:", error);
}
});
2. Filtreleme İşlemi:
filtrelemeIslemi fonksiyonunda, aldığınız JSON verisini jQuery'nin $.grep() fonksiyonu ile filtreleyebilirsiniz.
JavaScript
function filtrelemeIslemi(data) {
// Filtreleme kriterlerinizi burada belirleyin
var filtreKriteri = "aranan değer";
// $.grep() fonksiyonu ile filtreleme
var filtrelenmisVeri = $.grep(data, function(item) {
// Her bir öğe için filtreleme koşulunu kontrol edin
return item.ozellik === filtreKriteri; // "ozellik" yerine kendi JSON yapınıza uygun bir alan adı kullanın
});
// Filtrelenmiş veriyi kullanabilirsiniz
console.log(filtrelenmisVeri);
}
Örnek JSON Verisi ve Filtreleme:
Aşağıdaki gibi bir JSON veriniz olduğunu varsayalım:
JSON
[
{ "ad": "Ahmet", "yas": 25, "sehir": "İstanbul" },
{ "ad": "Ayşe", "yas": 30, "sehir": "Ankara" },
{ "ad": "Mehmet", "yas": 25, "sehir": "İzmir" }
]
Bu veriyi "yas" özelliği 25 olanları filtrelemek için aşağıdaki gibi kullanabilirsiniz:
JavaScript
function filtrelemeIslemi(data) {
var filtrelenmisVeri = $.grep(data, function(item) {
return item.yas === 25;
});
console.log(filtrelenmisVeri);
}
Birden Fazla Filtreleme Kriteri:
Birden fazla filtreleme kriteri kullanmak isterseniz, $.grep() fonksiyonunun içindeki koşulu genişletebilirsiniz.
JavaScript
function filtrelemeIslemi(data) {
var filtrelenmisVeri = $.grep(data, function(item) {
return item.yas === 25 && item.sehir === "İstanbul";
});
console.log(filtrelenmisVeri);
}
3. Filtrelenmiş Veriyi Kullanma:
Filtrelenmiş veriyi aldıktan sonra, bu veriyi istediğiniz gibi kullanabilirsiniz. Örneğin, bir HTML tablosunda gösterebilir veya başka bir işlem yapabilirsiniz.
Önemli Noktalar:
Öncelikle, filtrelemek istediğiniz JSON verisini almanız gerekiyor. Bu veriyi bir dosyadan (örneğin, data.json) veya bir API'den alabilirsiniz.
Dosyadan Veri Alma:
JavaScript
$.getJSON("data.json", function(data) {
// Veri alındıktan sonra filtreleme işlemi burada yapılacak
filtrelemeIslemi(data);
});
API'den Veri Alma:
JavaScript
$.ajax({
url: "https://api.example.com/data",
method: "GET",
dataType: "json",
success: function(data) {
// Veri alındıktan sonra filtreleme işlemi burada yapılacak
filtrelemeIslemi(data);
},
error: function(error) {
console.error("Veri alınamadı:", error);
}
});
2. Filtreleme İşlemi:
filtrelemeIslemi fonksiyonunda, aldığınız JSON verisini jQuery'nin $.grep() fonksiyonu ile filtreleyebilirsiniz.
JavaScript
function filtrelemeIslemi(data) {
// Filtreleme kriterlerinizi burada belirleyin
var filtreKriteri = "aranan değer";
// $.grep() fonksiyonu ile filtreleme
var filtrelenmisVeri = $.grep(data, function(item) {
// Her bir öğe için filtreleme koşulunu kontrol edin
return item.ozellik === filtreKriteri; // "ozellik" yerine kendi JSON yapınıza uygun bir alan adı kullanın
});
// Filtrelenmiş veriyi kullanabilirsiniz
console.log(filtrelenmisVeri);
}
Örnek JSON Verisi ve Filtreleme:
Aşağıdaki gibi bir JSON veriniz olduğunu varsayalım:
JSON
[
{ "ad": "Ahmet", "yas": 25, "sehir": "İstanbul" },
{ "ad": "Ayşe", "yas": 30, "sehir": "Ankara" },
{ "ad": "Mehmet", "yas": 25, "sehir": "İzmir" }
]
Bu veriyi "yas" özelliği 25 olanları filtrelemek için aşağıdaki gibi kullanabilirsiniz:
JavaScript
function filtrelemeIslemi(data) {
var filtrelenmisVeri = $.grep(data, function(item) {
return item.yas === 25;
});
console.log(filtrelenmisVeri);
}
Birden Fazla Filtreleme Kriteri:
Birden fazla filtreleme kriteri kullanmak isterseniz, $.grep() fonksiyonunun içindeki koşulu genişletebilirsiniz.
JavaScript
function filtrelemeIslemi(data) {
var filtrelenmisVeri = $.grep(data, function(item) {
return item.yas === 25 && item.sehir === "İstanbul";
});
console.log(filtrelenmisVeri);
}
3. Filtrelenmiş Veriyi Kullanma:
Filtrelenmiş veriyi aldıktan sonra, bu veriyi istediğiniz gibi kullanabilirsiniz. Örneğin, bir HTML tablosunda gösterebilir veya başka bir işlem yapabilirsiniz.
Önemli Noktalar:
Jquery ile JSON veri içerisinde filtreleme yapma
4/
5
Oleh
WebYazilimciniz
Lütfen yorum yaparken şunlara dikkat ediniz:
Küfürlü, siyasi veya huzur bozucu yorumlar yapmamaya,
Reklam, spam gibi yorumlar yapmamaya.