Задать вопрос
@Tweak_stack
javascript

Как создать JSON поиск?

Нужно создать поиск по артикулу real-time, need help

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Find</title>
<link rel="stylesheet" href="file:///Users/macbook/Desktop/db/jquery-2.1.4.min.js">
<link rel="stylesheet" href="file:///Users/macbook/Desktop/db/jquery-1.11.3.min.js">
<script src="jquery-1.11.3.min.js"></script>
<script src="jquery-2.1.4.min.js"></script>
</head>
<body>
    <div class="searcharea">
        <label for="search">Live search</label>
        <input type="search" id="search" placeholder="place or info" onclick="GetArticles();">
        <div id="update"></div>
        <div id="result"></div>
    </div>
    
    <script>
        
//              Поиск по артикулу

       };
        
        var allArticles =     
document.getElementById('search');
        
//        Введенные данные
        function GetArticles() {            document.getElementById('update').innerHTML = window.allArticles.value;
        window.allInputArticle = window.allArticles.value;
        }
        
//        получение объектов JSON
            $.getJSON('file:///Users/macbook/Desktop/db/db.json', function(data) {
                window.jsonDB = data.text;
            });
       
            
    </script>
</body>
</html>


{
"ZF160476":
{
"_nom": "RING,SHIM 90X110X0.3",
"_art": "ZF160476"
},
"ZF160477":
{
"_nom": "RING,SHIM 90X110X0.3",
"_art": "ZF160477"
},
}
  • Вопрос задан
  • 326 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 2
HoHsi
@HoHsi 
function seachArticle( search ){
  var obj = JSON.parse(/* Json */);
  var find;

  for (key in obj) {
    if(key === search) {
      find = obj[ key ];
      break;
    }
  }

  return find;
}
Ответ написан
Комментировать
Комментировать
@Tweak_stack Автор вопроса 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Find</title>
<link rel="stylesheet" href="file:///Users/macbook/Desktop/db/jquery-2.1.4.min.js">
<link rel="stylesheet" href="file:///Users/macbook/Desktop/db/jquery-1.11.3.min.js">
<script src="jquery-1.11.3.min.js"></script>
<script src="jquery-2.1.4.min.js"></script>
</head>
<body>
    <div class="searcharea">
        <label for="search">Live search</label>
        <input type="search" id="search" placeholder="place or info" onclick="GetArticles();">
        <div id="update"></div>
        <div id="result"></div>
    </div>
    
    <script>
        
//              Поиск по артикулу

       };
        
        var allArticles =     
document.getElementById('search');
        
//        Введенные данные
        function GetArticles() {            document.getElementById('update').innerHTML = window.allArticles.value;
        window.allInputArticle = window.allArticles.value;
        }
        
//        получение объектов JSON
            $.getJSON('file:///Users/macbook/Desktop/db/db.json', function(data) {
                window.jsonDB = data.text;
            });
       
            
    </script>
</body>
</html>

ВОТ КОД
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript Developer (backend / fullstack)
Brightdata • Тель-Авив
от 5 500 до 6 500 $
JavaScript FullStack разработчик
Rocket • Брянск
от 60 000 до 100 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Провести анализ сайта с точки зрения программирования
18 мая 2024, в 01:21
2000 руб./за проект
Директ: настройка и ведение для салона красоты в Москве
18 мая 2024, в 00:47
12000 руб./за проект
Предложить и рассчитать фильтр переключателя аудио
17 мая 2024, в 23:44
1000 руб./за проект
Ещё заказы