Задать вопрос
@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"
},
}
  • Вопрос задан
  • 334 просмотра
Комментировать
Подписаться 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 FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Поправить сайт (мобильная версия) на WordPress
24 нояб. 2024, в 04:16
5000 руб./за проект
Необходимо поменять пароль в WINDOWS
24 нояб. 2024, в 03:11
500 руб./за проект
Требуется консультация по UX-дизайну казино
24 нояб. 2024, в 01:35
5000 руб./за проект
Ещё заказы