Preciso preencher um Modal em modo de edição com base no id recebido. Meu código: <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> $("body").on('click', '#editfoto', function () { $('#modalEdit').modal('show'); id = $(this).data("idedit"); $.get("editafoto.php?id=" + id, function (data, status) { }).done(function (data) { descricaofoto = data('descricaofoto'); datavisita = data('datavisita'); //preenche os campos com dados do banco $('#descricaofoto').val(descricaofoto); $('#datavisita').val(datavisita); //console.log("STATUS : ", data); }).fail(function (jqXHR, textStatus) { console.log("Request failed: " + textStatus); }); }); <!-- language: lang-html --> <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="editfoto">Editar</div> <div class="modal fade" id="modalEdit" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Editar Foto</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Fechar"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <?php if (isset($_GET['id'])) { $id = $_GET['id']; $ftvi = $ftvisita->pesquisarId($id); } ?> <form class="editfoto" method="POST" enctype="multipart/form-data"> <input type="hidden" id="idfoto" name="idfoto" value="<?php echo $ftvi->getIdfoto(); ?>" /> <div class="row justify-content-md-left"> <div class="col col-lg-3"> <label class="control-label" for="datavisita">Data Vísita</label> </div> <div class="col col-lg-6"> <input type="text" name="dtvisita" id="dtvisita" required autocomplete="off" class="form-control form-control-sm form-group small" value="<?php echo $ultil->formataData($ftvi->getIdfoto()); ?>" /> </div> </div> <div class="row justify-content-md-left"> <div class="col col-lg-3"> <label class="control-label" for="idvisita">Visíta</label> </div> <div class='col col-md-6'> <input type="text" name="idvisita" id="idvisita" readonly class="form-control form-control-sm form-group small" value="<?php echo $_SESSION['id']; ?>" /> </div> </div> <br /> <div class="row justify-content-md-left"> <div class="col col-lg-3"> <label class="control-label" for="percentandamento">Porcentagem Andamento</label> </div> <div class="col col-md-6 slidecontainer"> <input type="range" name="percentandamento" id="percentandamento" required min="1" max="100" value="<?php echo $ftvi->getPercentandamento(); ?>" class="form-control-range slider" oninput="disp.value = percentandamento.value"> <output id="disp"></output> </div> </div> <div class="row justify-content-md-left"> <div class="col col-lg-3"> <label class="control-label" for="caminhofoto">Foto</label> </div> <div> <input type="file" name="caminhofoto" id="caminhofoto" required class="form-control-file form-control-sm form-group small" accept="image/png,image/jpg" value="<?php echo $ftvi->getCaminhofoto(); ?>" /> </div> </div> <div class="row justify-content-md-left"> <div class="col col-lg-3"> <label class="control-label" class="control-label" for="descricaofoto">Descrição Foto</label> </div> <div class='col-md-auto'> <textarea name="descricaofoto" id="descricaofoto" cols="25" rows="3" class="form-control form-control-sm form-group small" ><?php echo $ftvi->getDescricaofoto(); ?></textarea> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button> <button type="submit" id="btnEdit" class="btn btn-primary">Salvar</button> </div> </form> </div> </div> </div> <!-- end snippet --> a saída do ajax no arquivo edita.php está funcionando, porém está dando erro de `Uncaught TypeError: data is not a function`.