Gostaria de saber como consigo através de uma requisição ajax, trazer para meu site uma lista de elementos, onde esses elementos são linhas de uma consulta sql. Exemplificando, tenho uma tabela de funcionários. No formulário, quando o usuário escolher uma área, deve preencher em um campo 'select' todos os funcionários daquela área. Meu código retorna apenas 'undefined'
function buscaNome(area)
{
$("#nomeEsp").empty();
$.ajax({
url: 'php/buscaNomes.php',
type: 'POST',
async: true,
dataType: 'json',
data: {'especialidade':especialidade},
success: function(result) {
if (result != "")
{
var campoSelect = document.getElementById("nomeEsp");
var option = document.createElement("option");
option.text = result[0].nome;
option.value = result[0].nome;
campoSelect.add(option);
}
},
error: function(xhr, status, error) {
alert(status + error + xhr.responseText);
}
});
}
Código q faz a consulta:
class Medico
{
public $nome;
}
try
{
require "conexaoMysql.php";
$listaMedico = "";
$listaMedico = array();
if (isset($_POST["especialidade"]))
$especialidade = $_POST["especialidade"];
$sql = "
SELECT Nome
FROM funcionario
WHERE Especialidade = '$especialidade';
";
$stmt = $conn->prepare($sql);
$stmt->execute();
$stmt->bind_result($nome);
while($stmt->fetch()){
$medico = new Medico();
$medico->nome = $nome;
$listaMedico[] = $medico;
}
$jsonStr = json_encode($listaMedico);
echo $jsonStr;
}
catch (Exception $e)
{
$msgErro = $e->getMessage();
}
if ($conn != null)
$conn->close();
?>
Obs: Eu coloquei result[0].nome apenas para teste, na teoria deveria criar um for
$jsonStr
tem os resultados corretos?