Я работаю над проектом Php, используя Javascript и AJAX для извлечения деталей из базы данных MySQL. В моем коде я использовал $ row ['column_name'] для получения данных, в то время как я новичок в AJAX и Javascript Я не могу получить изображение в модальном поле.
// база данных имя столбца: qid, qname, qtags, qimage.
// user_quey. php код подключения к базе данных:
<?php $connect = mysqli_connect("localhost", "root", "");
$res = mysqli_select_db($connect, "test");
$query = "SELECT * FROM user_query";
$result = mysqli_query($connect, $query); ?>
// user_query. php html code:
<html>
<head>
<title>User Query</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>
<br /><br />
<div class="container" style="width:700px;">
<h3 align="center">User Query</h3>
<br />
<div class="table-responsive">
<table class="table table-bordered">
<tr>
<th width="70%">Query Name</th>
<th width="30%">View</th>
</tr>
<?php
while($row = mysqli_fetch_array($result))
{
?>
<tr>
<td><?php echo $row["qname"]; ?></td>
<td><input type="button" name="view" value="view" id="<?php echo $row["qid"]; ?>" class="btn btn-info btn-xs view_data" /></td>
</tr>
<?php
}
?>
</table>
</div>
</div>
</body>
// Html код для модального окна для получения деталей:
<div id="dataModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Query Details</h4>
</div>
<div class="modal-body" id="employee_detail">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
// Javascript код для модального внутри user_query. php
<script>
$(document).ready(function(){
$('.view_data').click(function(){
var employee_id = $(this).attr("id");
$.ajax({
url:"select.php",
method:"post",
data:{employee_id:employee_id},
success:function(data){
$('#employee_detail').html(data);
$('#dataModal').modal("show");
}
});
});
});
// выбор. php код, в котором данные извлекаются в модальном поле:
<?php
if(isset($_POST["employee_id"]))
{
$output = '';
$connect = mysqli_connect("localhost", "root", "");
$res = mysqli_select_db($connect, "test");
$query = "SELECT * FROM user_query WHERE qid = '".$_POST["employee_id"]."'";
$result = mysqli_query($connect, $query);
$output .= '
<div class="table-responsive">
<table class="table table-bordered">';
while($row = mysqli_fetch_array($result))
{
$output .= ' tr>
<td width="30%"><label>Name</label></td>
<td width="70%">'.$row["qname"].'</td>
</tr>
<tr>
<td width="30%"><label>Tags</label></td>
<td width="70%">'.$row["qtags"].'</td>
</tr>
<tr>
<td width="30%"><label>Description</label></td>
<td width="70%">'.$row["qdescription"].'</td>
</tr>
<tr>
<td width="30%"><label>Image</label></td>
<td width="70%"><img src="'.$row["qimage"].'" width="100%" height="100%"/></td>
</tr>
';}
$output .= "</table></div>";
echo $output;
} ?>
User_query. php view
Запрос, полученный из представления базы данных