Ajax удаление без перезагрузки

@Евгений 86 · Регистрация: 21.03.2016

Студворк — интернет-сервис помощи студентам

Добрый день!
пишу админку и хочу сделать так чтобы можно было делать удаление категории товара без перезагрузки страницы
написал код удаления в php файле, данные туда передаю с помощью ajax, но получилось так что он удаляет категории, но как только перезагружу страницу
подскажите пожалуйста что исправить
js код

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
$('.delete-cat').click(function(){
    var selectid = $("#cat_type option:selected").val();
    
    if(!selectid)
    {
    $("#cat_type").css("borderColor","#FF0000");    
    }
    else 
    {
    $.ajax ({
        type: "POST",
        url: "../admin/action/delete-category.php",
        data: "id="+selectid,
        dataType: "html",
        cache: false,
        success: function(data) {
            if(data == "delete")
            {
                
                $("#cat_type option:selected").remove();
                
            }
        }
    
    });
    }
});

код удаления php

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST")
{
define('cccc', true);
include ("../include/db_connect.php");
 
$delete = mysql_query("DELETE FROM category WHERE id = '{$_POST["id"]}'",$link);
echo "delete";
    
 
        
}
 
 
?>

@sad67man · 20.09.2016, 16:58

Евгений 86, А $("#cat_type") - это у вас select?

Добавлено через 6 минут
Евгений 86, Попробуйте так

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
$('.delete-cat').click(function() {
  var selectid = $("#cat_type").val();
 
  if (!selectid) {
    $("#cat_type").css("borderColor", "#FF0000");
  } else {
    $.ajax({
      type: "POST",
      url: "../admin/action/delete-category.php",
      data: "id=" + selectid,
      dataType: "html",
      cache: false,
      success: function(data) {
 
        if (data == "delete") {
          $("#cat_type option[value='" + selectid + "']").remove();
        }
      }
 
    });
  }
});

@Евгений 86 · 20.09.2016, 17:48 **[ТС]**

да это select,
не помогло

Добавлено через 7 минут
пробовал вот написать, тоже не помогло

JavaScript
1
2
3
4
5
6
if(data == "delete")
            {
                
    $("#cat_type option:selected").fadeOut(300, function(){
    $("#cat_type option:selected").remove();    
    });

Добавлено через 13 минут
если поможет тут сам цикл с селектом

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<select name="cat_type" id="cat_type" size="10">
 
<?php
$result = mysql_query("SELECT * FROM category ORDER BY type DESC",$link);
 
 If (mysql_num_rows($result) > 0)
{
$row = mysql_fetch_array($result);
do
{
    echo '
    
       <option value="'.$row["id"].'" >'.$row["type"].' - '.$row["brand"].'</option>
    
    ';
}
 while ($row = mysql_fetch_array($result));
}    
?>
 
</select>

@sad67man · 20.09.2016, 18:06

Евгений 86, Странно у меня работает
https://jsfiddle.net/6517hngg/1/

Добавлено через 9 минут
Евгений 86, Выведете, что у вас возвращает аякс запрос, и выполняется ли ваше условие

JavaScript
1
2
3
4
5
6
success: function(data) {
  console.log(data, data == "delete");
  if (data == "delete") {
    $("#cat_type option[value='" + selectid + "']").remove();
  }
}

@Евгений 86 · 21.09.2016, 09:48 **[ТС]**

спасибо вам, решил вопрос по другому
Прислал ответ из обработчика вместо delete числовое значение 1
и работает

@sad67man · 21.09.2016, 10:42

Евгений 86, Я бы все-таки не использовал option:selected, так как теоретически я могу выбрать другой пункт до того, как придет ответ от аякс запроса.

Новые блоги и статьи Все статьи Все блоги /
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Programma_Boinc 01.01.2026 Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .

@Евгений 86 1 / 1 / 3 Регистрация: 21.03.2016 Сообщений: 400
	21.09.2016, 09:48 [ТС]
	спасибо вам, решил вопрос по другому Прислал ответ из обработчика вместо delete числовое значение 1 и работает 0

@sad67man 2603 / 1507 / 689 Регистрация: 23.08.2015 Сообщений: 3,814
	21.09.2016, 10:42
	Евгений 86, Я бы все-таки не использовал option:selected, так как теоретически я могу выбрать другой пункт до того, как придет ответ от аякс запроса. 0