Foros del Web - Ver Mensaje Individual - Autorellenar formulario después de consulta

NSD · #12 (**permalink**) 09/07/2015, 09:48

carga.html

Código HTML:

Ver original<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Carga de datos</title>
        <script>
            LoadData = function(url) {
                this.search = this.search.bind(this);
                this.load = this.load.bind(this);
 
                this.url = url;
                this.form = null;
            }
 
            LoadData.prototype = {
                "search" : function(form) {
                    this.form = form;
                    this.load(new FormData(this.form), function(status, response) {
                        if(status === 200) {
                            response = JSON.parse(response);                            
                            for(var name in response)
                                this.form.elements[name].value = response[name];
                        }
                    });
                },
                "load" : function(params, callback) {
                    var request = new XMLHttpRequest();
                    request.open("POST", this.url);
                    request.onreadystatechange = function(callback) {
                        if(this.readyState == 4)
                            callback(this.status, this.responseText);
                    }.bind(request, callback.bind(this));
                    request.send(params);
                }
            };
        </script>
    </head>
    <body>
        <h1>Carga de formulario de busqueda via json</h1>
        <form id="datos-origen">
            <label>
                El codigo:
                <input type="text" name="codigo" value="5">
            </label>
            <label>
                Nombres:
                <input type="text" name="nombres">
            </label>
            <label>
                Apellidos:
                <input type="text" name="apellidos">
            </label>
            <label>
                Documento:
                <input type="text" name="documento_nro">
            </label>
            <input type="reset" value="VACIAR">
        </form>
        <button id="load">Cargar</button>
 
        <script>
            document.getElementById("load").addEventListener("click", function() {
                (new LoadData("search.php")).search(document.getElementById("datos-origen"));
            });
        </script>
    </body>
</html>

search.php

Código PHP:

Ver original<?php    
/* Config */
$db = ["localhost", "root", "", "db_name"];
$table = "contactos";
$fields = [
    "codigo" => "=",
    "nombres" => "%LIKE%",
    "apellidos" => "%LIKE%",
    "documento_nro" => null
];
$result = false;
 
if($mysqli = new MySQLi($db[0], $db[1], $db[2], $db[3])) {
 
    $filter = array_intersect_key(array_filter($fields), array_filter($_POST));
 
    $where = "";
    foreach($filter as $key => $type) {
        $where .= ($where ? " AND " : "");
        switch($type) {
            case "=" : 
                $where .= "$key = ?"; 
            break;
            case "%LIKE%" : 
                $where .= "$key LIKE ?";
                $_POST[$key] = "%" . $_POST[$key] . "%";
            break;
        }
    }
    
    if($where) 
        $where = "WHERE $where";
    
    if($stmt = $mysqli->prepare("SELECT " . implode(", ", array_keys($fields)). " FROM $table $where LIMIT 1")) {
        
        foreach($filter as $key => $type)
            $stmt->bind_param("s", $_POST[$key]);
 
        $stmt->execute();
 
        if($result = $stmt->get_result()) {
            $result = $result->fetch_array(MYSQLI_ASSOC);
            foreach($result as &$value)
                $value = utf8_encode($value);
            unset($value);
        }  
        $stmt->close();  
    }
    
    $mysqli->close();  
}
 
if(!$result)
    $result = array_fill_keys(array_keys($fields), null);
 
exit(json_encode($result));