Здорова всем. Столкнулся с проблемой.
Задача такая…
В БД имеется несколько таблиц. Нужно на страницу прикрутить выпадающий список, в котором можно выбрать конкретную таблицу из БД. После того, как мы выбрали таблицу, на странице должно отобразится всё её содержимое. Напротив каждой извлечённой записи, должна быть кнополька, которая позволит удалить эту запись. После того, как мы удалили какую-нибудь запись, всё содержимое таблицы должно по новому вытащиться и отобразится на странице.
Что я сделал…
Выпадающий список, выбор и отображение содержимого таблиц. Отправка запроса на удаление записи в конкретной таблице, но результата нет, т.к. запись не удаляется. Записи, повторно вытаскиваются из таблицы.
Что у меня не получается…
После выбора и отображения содержимого какой-то таблицы, я клацаю на «удалить запись», пинается PHPшка, которая удаляет и повторно вытаскивает записи – в итоге, запись не удаляется, но таблица повторно вытаскивается.
Вывод: коряво написан код на удаление записи. Если не затруднит, не могли бы кто-нибудь поправит мой код.
Это index.html
Спойлер (Отобразить)CODE (
html):
скопировать код в буфер обмена
<!doctype html>
<head>
<meta charset="utf-8" />
<meta name="generator" content="Записи">
<title>Записи</title>
<link href="main.css" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
Для выбора таблицы и первоначального отображения записей
$(function() {
$(".tablica").change(function(){
var tablica = $(this).val();
var dataString = 'tablica='+ tablica;
$("#ajax").ajaxStart(function(){
$(this).html("<div id='wait'>Извлекаем записи…</div>");
$(this).fadeIn(800);
});
$.ajax({
type: "POST",
url: "show.php",
data: dataString,
cache: false,
success: function(html) {
$("#ajax").empty();
$("#ajax").append(html);
}
});
});
});
</script>
<script type="text/javascript">
// Для удаления и повторного отображения записей таблицы
function send() {
var tablica = $('#tablica').val();
var id_msg = $('#id_msg').val();
$("#ajax").ajaxStart(function(){
$(this).html("<div id='wait'>Извлекаем записи повторно…</div>");
$(this).fadeIn(800);
});
$.ajax({
type: "POST",
url: "delete.php",
data: {'tablica' : tablica, 'id_msg' : id_msg},
success: function(html) {
$("#ajax").empty();
$("#ajax").append(html);
}
});
}
</script>
<div id="content">
<div id="vibor_tablici">Показать таблицу :</div>
<select class="tablica" name="tablica">
<option selected="selected">выбираем таблицу</option>
<option value="tablica_01">Таблица №1</option>
<option value="tablica_02">Таблица №2</option>
</select>
<br><br>
<div id="ajax"></div>
<br>
</div>
</body>
</html>
Это show.php, к ней обращаемся, когда в первый раз отображаем записи.