Skip to main content
título editado
Enlace

Como hacer una consulta HTML sin usar bases de datos? en HTML utilizando javascritp o .json

Publicación cerrada como "Necesita ser más específica" por toledano, JuankGlezz, jasilva, Juan Pinzón, Marcos
se añadieron 1669 caracteres en el cuerpo
Origen Enlace

Saludos estoy trabajando en un proyecto Html con bootstrap en el mismo tengo que hacer unas consultas de datos por medio de un ID. pero al ser pocos datos no quiero hacer una base de datos e investigado un poco pero solo encuentro filtrar tablas, pero el asunto es que no quiero que se muestren los datos sino hasta realizar la busqueda por eso filtrar tablas no me conviene.

Se me oucrre manejar los datos en archivos .json o javascritp perno no se como empezar. Me pueden echar una mano o algun consejo como iniciar.

en el siguiente ejemplo se muestran los datos pero yo no quiero que esten visualmente hasta que se aplique el filtro y no quiero que filtre hasta que se presione el boton.

angular.module('busquedaAvanzada', [])
        .controller('busquedaController', ['$scope', function($scope){
            $scope.lista = [
                {nombre: 'Pepe', apellido: 'Trueno'},
                {nombre: 'Kava', apellido: 'Zorro'},
                {nombre: 'Rosa', apellido: 'Melo'},
                {nombre: 'Elmo', apellido: 'Jones'},
                {nombre: 'Gato', apellido: 'Negro'}
            ];
        }]);
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Busqueda Angular</title>
    <script src="angular.min.js"></script>
    <script src="buscar.js"> </script>
</head>
<body ng-app="busquedaAvanzada">
    <input type="text" ng-model="busqueda">
    <button>Enviar</button>

    <table ng-controller="busquedaController">
        <thead>
            <tr>
                <th>Nombre</th>
                <th>Apellido</th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="item in lista | filter: busqueda">
                <td>{{item.nombre}}</td>
                <td>{{item.apellido}}</td>
            </tr>
        </tbody>
    </table>





</body>
</html>

Saludos estoy trabajando en un proyecto Html con bootstrap en el mismo tengo que hacer unas consultas de datos por medio de un ID. pero al ser pocos datos no quiero hacer una base de datos e investigado un poco pero solo encuentro filtrar tablas, pero el asunto es que no quiero que se muestren los datos sino hasta realizar la busqueda por eso filtrar tablas no me conviene.

Se me oucrre manejar los datos en archivos .json o javascritp perno no se como empezar. Me pueden echar una mano o algun consejo como iniciar.

Saludos estoy trabajando en un proyecto Html con bootstrap en el mismo tengo que hacer unas consultas de datos por medio de un ID. pero al ser pocos datos no quiero hacer una base de datos e investigado un poco pero solo encuentro filtrar tablas, pero el asunto es que no quiero que se muestren los datos sino hasta realizar la busqueda por eso filtrar tablas no me conviene.

Se me oucrre manejar los datos en archivos .json o javascritp perno no se como empezar. Me pueden echar una mano o algun consejo como iniciar.

en el siguiente ejemplo se muestran los datos pero yo no quiero que esten visualmente hasta que se aplique el filtro y no quiero que filtre hasta que se presione el boton.

angular.module('busquedaAvanzada', [])
        .controller('busquedaController', ['$scope', function($scope){
            $scope.lista = [
                {nombre: 'Pepe', apellido: 'Trueno'},
                {nombre: 'Kava', apellido: 'Zorro'},
                {nombre: 'Rosa', apellido: 'Melo'},
                {nombre: 'Elmo', apellido: 'Jones'},
                {nombre: 'Gato', apellido: 'Negro'}
            ];
        }]);
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Busqueda Angular</title>
    <script src="angular.min.js"></script>
    <script src="buscar.js"> </script>
</head>
<body ng-app="busquedaAvanzada">
    <input type="text" ng-model="busqueda">
    <button>Enviar</button>

    <table ng-controller="busquedaController">
        <thead>
            <tr>
                <th>Nombre</th>
                <th>Apellido</th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="item in lista | filter: busqueda">
                <td>{{item.nombre}}</td>
                <td>{{item.apellido}}</td>
            </tr>
        </tbody>
    </table>





</body>
</html>

Origen Enlace

Como hacer una consulta HTML sin usar bases de datos?

Saludos estoy trabajando en un proyecto Html con bootstrap en el mismo tengo que hacer unas consultas de datos por medio de un ID. pero al ser pocos datos no quiero hacer una base de datos e investigado un poco pero solo encuentro filtrar tablas, pero el asunto es que no quiero que se muestren los datos sino hasta realizar la busqueda por eso filtrar tablas no me conviene.

Se me oucrre manejar los datos en archivos .json o javascritp perno no se como empezar. Me pueden echar una mano o algun consejo como iniciar.