Tengo este código simple para obtener una lista de valores de mi tabla sql y mostrarlos en mi menú desplegable <select> .
Mi html :
<select class="form-select" id="sel1" name="sel1" style="width: 7em;"></select>Mi JavaScript :
const from = document.getElementById("sel1"); from.addEventListener("click",function(){ let $select = $("#sel1"); $.ajax({ url: '/paydetails_server.php', type: 'POST', data: { "input": "from_periods" }, dataType: 'json', cache:false, success: function(response) { //console.log(response); response.sort(); let selectedValue = $select.val(); let html = response.filter((e, i, a) => a.indexOf(e) === i).map(item => `<option value="${item}">${item}</option>`); $select.html(html).val(selectedValue); }, complete: function() {} }); })Mi PHP :
if(isset($_POST["input"])){ if(!$connection) echo "Connection to database failed! Please try again"; else{ $periods=array(); $sql = "SELECT DISTINCT `YEARMM` from `emp_pp`"; $result = $con->query($sql); if ($result->num_rows > 0) { while($row = $result->fetch_assoc()) { if((!str_contains($row["YEARMM"],"S"))&&(!str_contains($row["YEARMM"],"B"))) array_push($periods,$row["YEARMM"]); } echo json_encode($periods); } } } Ahora, cuando ejecuto el código en mi servidor localhost XAMPP, funciona perfectamente. Pero, sorprendentemente, no funciona en mi servidor en vivo. Revisé dos veces todo, incluidas variables como el host, el nombre del servidor, el nombre de la base de datos, etc.
Intenté verificar si hay errores en la pestaña Red , pero todo lo que obtengo es el estado de respuesta 200. Incluso cuando probé console.log(response) , no aparece nada en la consola. ¿Por qué este mismo código funciona en el servidor local y no en vivo? Por favor, ayúdame.
Por alguna razón, la declaración if((!str_contains($row["YEARMM"],"S"))&&(!str_contains($row["YEARMM"],"B"))) estaba causando este problema, aunque , funcionaba bien en localhost .
Verifique lo que obtiene de la base de datos del formulario, str_contains solo verifica si el resultado contiene la letra S o B
Cuando le dice a jQuery que analice los datos como JSON, ejecutará la función de success solo si:
En su PHP, tiene echo json_encode($periods) dentro de un ciclo while .
Si hay más de un valor que se repite, entonces tiene varios textos JSON combinados, lo que no es JSON válido.
Si hay cero entradas que se repiten, entonces no tiene JSON, que no es un JSON válido.
Mueve el echo json_encode($periods); declaración por lo que es después del ciclo while .