@abdullahx hocam .json içeriği şu şekilde. Belki yardımcı olur.
Edit: Hocam tamam ilk sorudaki tag e göre yapmışsınız :) Harika çalışıyor. Çok teşekkür ederim. İyi ki sizin gibi bilgiyi paylaşan insanlar var. Allah razı olsun..
@abdullahx hocam teşekkür ederim ancak başarılı sorgulama yapmıyor gibi görünüyor. .json dosyamda olanlarda da error hatası veriyor. Neyi gözden kaçırmış olabiliriz?
est @abdullahx hocam. Bekliyorum. Teşekkürler..
@abdullahx hocam burlarda mıyız? Göz atma şansınız oldu mu?
@abdullahx hocam şöyle basit bir mantık kurdum :) Biraz oldu ama görünüp kayboluyor:) Bunu sabtlemenin bir yolu var mı hocam? Hep gözüksün istiyorum...
Bir diğer sıkıntı da arada tüm liste görünüyor. Bunun engellemenin bir yolu var mı? Yalnızca ilgili arama görünse...
//--------------------------------------------------------
// Else, if they hit escape; empty the result list and hide it
//--------------------------------------------------------
} else {
resultList.html('<span style="color: red;">NOT WHITELISTED!</span>');
resultList.animate({opacity: 'show'}, {duration: 10000, queue: true});
}
@abdullahx hocam araştırırken şu scripti buldum. 9 yıl önce yayınlanmış olsa da tam isteğimi karşıladı.
https://github.com/Mr-Martin/Search-through-json-file
Bunun üzerinden gidecek olursak tek bir sıkıntım kaldı. Search bara aranan text yazıldığında gayet başarılı listeliyor. Ancak aranan bulunamadığında örneğin "Üzgünüz! Üçerik bulunamadı!" gibi bir hata mesajı yazdırabilir miyiz? Belki de çok basit bir kod ama...
İlgili kod kısmı sanırım şöyle.
(function($) {
var doc = $(document);
//--------------------------------------------------------
// Search products
//
// This function will make an AJAX request to a php file that
// search through a json files that contains a bunch of products
//--------------------------------------------------------
function ajaxSearchProducts() {
doc.on('keyup', '.search', function(e) {
var keyCode = (window.event) ? e.which : e.keyCode;
var resultList = $('.search-results');
//--------------------------------------------------------
// Check if the user press a key with number or letters or
// backspace
//--------------------------------------------------------
if(keyCode <= 90 && keyCode >= 48 || keyCode == 8) {
var value = 's=' + $(this).val();
$.ajax({
url: 'loadProducts.php',
data: value,
type: 'POST',
dataType: 'json',
success: function(data) {
var results = [];
var oddEven;
$.each(data, function(key, info) {
if(key % 2 == 0) {
oddEven = 'even';
} else {
oddEven = 'odd';
}
results.push('<li class="'+oddEven+'" data-id="'+info.produkt_id+'">'+info.produkt_namn+' <span style="color: green;">WHITELISTED</span></li>');
});
resultList.html(results);
resultList.animate({opacity: 'show'}, {duration: 200, queue: false});
}
});
//--------------------------------------------------------
// Else, if they hit escape; empty the result list and hide it
//--------------------------------------------------------
} else if(keyCode == 27) {
$(this).val('');
resultList.animate({opacity: 'hide'}, {duration: 200}).queue(function() {
$(this).html('');
$(this).dequeue();
});
}
});
}
//--------------------------------------------------------
// Run on document ready
//--------------------------------------------------------
$(function() {
ajaxSearchProducts();
});
}(jQuery));
@abdullahx hocam ilgili bir script buldum. Üzerinde çalışıp bilgi vereceğim.
@abdullahx hocam benzer bir soru olduğu için -konu sahibi hocamın izniyle- buradan yazsam sanırım sorun olmaz.
Benzer bir mantıkla içinde binlerce satır veri olan bir json dosyam var. Örnek veri şu şekilde:
[{"sw":"TR2C9F8B8Ac4874C17Ff7AeA511"},{"sw":"TRc81ea4341d2c1Ffede2e5Bdaa3"},{"sw":"TR1DD1B8DFc600677eeC77016a517"},{"sw":"0x19047545FfEaad110E1B9DE3AfC623B216848355"},{"sw":"TRA0520A809A50e68bB0f43aaE2"},{"sw":"TRF843D3d612EDdc100E61560e812bA"},{"sw":"TR750CDCa9F604aed573980D196C91"}]
Basit bir bootstrap arama formum var. Kullanıcı bu verilerden birini sorguladığında örneğin arama formuna TR2C9F8B8Ac4874C17Ff7AeA511 yazıp ara butonuna bastığında bu veri json dosyasında varsa "Kaydınız başarılı vs" değilse "Üzgünüz kaydınız bulunamadı" gibi bir ifade göstermek istiyorum. Hocama verdiğiniz cevaplarla biraz uğraştım ama alanım olmadığı için maalesef başarılı olamadım. Yardımcı olur musunuz?
@qplot cevap için teşekkürler ancak çok anlayamadım. Bu ifadeyi her biri için ayrı ayrı mı kullanmalıyım? Yukarıdaki açıklamama göre bir tanesi için örnek bir kod rica etsem?