извлекать данные и вводить в inputs

Привет в хороший день сообщество, у меня есть формуляр, который в момент помещения информации в первый неудар в лунку и давания ему enter приносил бы информацию о базе данных и вышеупомянутой информации, разместитесь в других полях формуляра в случае, если он будет существовать и если не данные единственно событие какая-то бдительность в момент у меня есть это...

<form method="post" id="insert_datos_transporte">

        <input type="hidden" name="numero_embarque" id="numero_embarque" class="form-control" />
        <input type="hidden" name="tipo_embarque" id="tipo_embarque" class="form-control" />
        <br />
        <div class="form-group">
            <label>id:</label>
            <input type="text" name="id" id="id" value="" placeholder="id alumno" class="form-control" />
        </div>

        <div class="form-group">
            <label for="">Nombre:</label>
            <input type="text" class="form-control" id="nombre" name="nombre" placeholder="Nombre del Chofer" >
        </div>

        <label for="">Apellidos:</label>
        <div class="form-row">
            <div class="form-group col-md-6">
                <input type="text" class="form-control" id="apellido_paterno" name="apellido_paterno" placeholder="Apellido Paterno">
            </div>
            <div class="form-group col-md-6">
                <input type="text" class="form-control" id="apellido_materno" name="apellido_materno" placeholder="Apellido Materno">
            </div>
        </div>

    <br>
        <div class="form-group">
            <input type="submit" name="insertar" id="insertar" value="Insertar" class="btn btn-success" />
        </div>
        <br><br>

        <div id="alerta">
            <p>perosna no encontrada</p>
        </div>

    </form>

index.js

let inputCargar = document.getElementById('insertar');

const cargarContenido = () => {
    let xhr = new XMLHttpRequest();

    xhr.open("GET", "conexiones.php", true);
    xhr.onreadystatechange = () => {
        console.log(xhr.readyState);
        if(xhr.readyState === 4 && xhr.status === 200){
            let json = JSON.parse(xhr.responseText);
            let nombre = document.getElementById('nombre');
            nombre.innerHTML = json.data.nombre;
        }
    }
    xhr.send();

}

inputCargar.addEventListener('keypress', cargarContenido);

json.js

{
data: [
{
id_alumno: "1",
id: "JAL0053522",
nombre: "Eder Jhonatan",
apellido_p: "Solis",
apellido_m: "Perez",
observaciones: "suspendido por robar",
estado: "-1"
},
0
задан 28.03.2019, 07:56
1 ответ

В твою кнопку не объявляй это как тип submit:

  <button id="btnInsertar" onclick="cargarContenido()" value="Insertar" ></button>

с этим уже ты имеешь названный к твоей функции.

0
ответ дан 19.11.2019, 21:21
  • 1
    я делаю доказательства, как они упоминают мне об этом, но поместив функцию внутри одинокой кнопки повторяю функцию, так как я также считаю ее объявленной в index.js, и реализуйте один я утешил log и если он приносит мне данные только помещая json приносит все мне но в хотеть согласиться даже json.data.nombre он помечает меня undefined – fokus 28.03.2019, 08:40
  • 2
    в любом случае, если ты проверяешь твой объект json, - договоренность не объект [{ id_alumno: " 1"... }], для договоренности что-либо подобное: датируй [0] .nombre – Miguel Zarate 28.03.2019, 08:52
  • 3
    Podrí чтобы функционировать он датирует [0] .nombre, но так как не всегда должен быть só ученик, сделай это с for, у которого будет index для того, чтобы ты узнал posició n точная где está для того, чтобы он остался, восходи [i] .nombre. – Stiven Gómez 28.03.2019, 09:09

Теги

Похожие вопросы