Estoy recibiendo información del usuario. Si algún usuario ingresa su número de teléfono, quiero saber si este número de teléfono ya existe en mi diccionario json. Si existe un número de teléfono, entonces quiero mostrar automáticamente su nombre. Aquí está mi código:
<input type="text" name="patient_number" class="form-control" placeholder="+44****" id="patient_number"> <!- if phone number exist then I want to automatically render his name-> <input type="text" name="patient_name" class="form-control" id="patient_name" > <script> document.getElementById('patient_number').addEventListener('change', function() { const phone_number = this.value; $.ajax({ type: 'GET', url: "{%url 'hospital:appoinment-json' %}", number: number, success: function(response){ for (key in response.data){ var patient_name = (response.data[key].patient_name) var patient_phone_number = (response.data[key].phone) }}, error: function(error){ console.log(error) }})}); </script>aquí está mi objeto json:
{"data": [{"patient_name": "Jhone", "phone": "1234", "id": 2}, {"patient_name": "Mike Hartho", "phone": "454", "id": 1}]}Una vez que obtenga los datos json con la lista de detalles del paciente, analice la matriz de objetos y verifique si hay algún objeto que contenga el mismo número de teléfono. Si encuentra el objeto, obtenga la identificación del objeto y acceda a ese objeto usando la identificación para mostrar los detalles del usuario.
Supongamos que la variable userDetails tiene el json que contiene los datos del usuario y phoneNumber tiene el número de teléfono ingresado por el usuario.
userDetails.map((user) => { if (user.phone === phoneNumber) { console.log(`User: ${user.id}`); console.log(user); } });