How to create a JSON search?

T

Tweak_stack2015-12-18 22:11:51

JavaScript

Tweak_stack, 2015-12-18 22:11:51

You need to create a search by article 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"
},
}

Reply

Answer the question

In order to leave comments, you need to log in

2 answer(s)

H

HoHsi, 2015-12-18
@HoHsi

function seachArticle( search ){
  var obj = JSON.parse(/* Json */);
  var find;

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

  return find;
}

T

Tweak_stack, 2015-12-18
@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>

ВОТ КОД