Открыть Модальное с результатом MySql
ae galera красоты? Я учусь на Разработчика Web и to создавая sisteminha про концерт, при регистрации клиентов и отчетности.
Давайте сомнения. У меня есть страница отчета, и там у меня есть input type="date" внутри формы, что сделает поиск от даты в базе данных:
<!-- BUSCA CALENDARIO -->
<div class="col-sm-offset-4 col-sm-4">
<!-- Input ao qual foi designado a função para exibir o calendário, que vai ser selecionado com jquery na função abaixo. -->
<input type="date" id="busca_data" name="busca_data" placeholder="data" class="form-control">
</div>
<button class="btn btn-info" id="btn_buscar" type="submit">Buscar</button>
файл, который я посылаю это сообщение является busca_relatorio.php, который имеет этот код:
$id_usuario = $_SESSION['id_usuario'];
$empresa_logada = $_SESSION['empresa'];
$busca_data = $data = str_replace("/", "-", $_POST['busca_data']);
$objDb = new db();
$link = $objDb->conecta_mysql();
$sql = " SELECT DATE_FORMAT(s.data_relatorio, '%d %b %Y') ";
$sql.= " AS data_relatorio_formatada, s.relatorio, u.usuario FROM relatorios AS s JOIN usuarios AS u ON ";
$sql.= " (s.id_usuario = u.id) WHERE nivel = 3 AND s.empresa = '$empresa_logada' ";
$sql.= " ORDER BY data_relatorio DESC ";
$resultado_id = mysqli_query($link, $sql);
if($resultado_id){
while ($registro = mysqli_fetch_array($resultado_id, MYSQLI_ASSOC)){
$relatorios = $registro;
echo '<pre>'.$registro['relatorio'].'</pre>';
}
} else {
echo 'Erro na consulta de tweets no banco de dados!';
}
Это эхо $запись['отчет'] был тест, который я делаю.
Хорошо, что я я не в состоянии сделать это, чтобы открыть Модальное внутри самой страницы Отчетов, где ну просто, такой результат из базы данных. Я полагаю, что мне нужно сделать это с помощью Ajax, но в моем коде я даже не смог открыть модальное. Там я уже создал функцию после document.ready я могла загрузить этот отчет, но работает только принимая меня, ты с другой страницы.
То, что я сделал через jquery это:
$('#btn_buscar').click( function(){
$.ajax({
url:'busca_relatorio.php',
method: 'post',
data: $('#resultado_busca').serialize(),
sucess: function(data){
$('#resultado_busca').val('');
}
});
});
Ai в конце моей странице есть div, чтоб показать так:
<div class="panel-body" id="resultado_busca"></div>
, Но только хотел показать этот результат внутри модального. Может ли кто-нибудь помочь мне с этой головной болью? противник
Valeu galera.
1 answers
Как я понимаю, вы используете Bootstrap, следуя по эту сторону, добавьте следующий код в HTML-страницы, где загружается AJAX:
<div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
<div id="resultado_busca">...</div>
</div>
В успеха вашего Ajax добавьте:
$('#resultado_busca').html(data); // data é o valor printado do lado php
$('#exampleModalLong').modal('show') ; // abre o modal via jquery
Только одно примечание: success-это два C's и два S's
EDIT Эта документации модальное на веб-сайте Bootstrap, стоит взглянуть также: https://v4-alpha.getbootstrap.com/components/modal/