Проблема с ajax

@aleks20161 · Регистрация: 01.03.2018

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

Проблема с ajax он срабатывает но только после обновления страницы (он удаляет картинку)

PHP
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
28
29
30
31
32
33
34
35
36
$query_img = mysqli_query($link,"SELECT * FROM uploads_images WHERE products_id='$id'");
 
If (mysqli_num_rows($query_img) > 0)
{
    
$result_img = mysqli_fetch_array($query_img);
do
{
if  (strlen($result_img["image"]) > 0 && file_exists("../uploads_images/".$result_img["image"]))
{
$img_path = '../uploads_images/'.$result_img["image"];
$max_width = 100; 
$max_height = 110; 
 list($width, $height) = getimagesize($img_path); 
$ratioh = $max_height/$height; 
$ratiow = $max_width/$width; 
$ratio = min($ratioh, $ratiow); 
 
$width = intval($ratio*$width); 
$height = intval($ratio*$height);  
 
}else
{
$img_path = "./images/noimages.png";
$width = 90;
$height = 70;
}
echo ' 
 <li id="del'.$result_img["id"].'" >
 <img src="'.$img_path.'" width="'.$width.'" height="'.$height.'" title="'.$result_img["image"].'" />
 <a class="del-img" img_id="'.$result_img["id"].'" ></a>        
 </li>
  ';  
    
}while ($result_img = mysqli_fetch_array($query_img));
}

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
$('.del-img').click(function(){
    var img_id = $(this).attr("img_id");
    var title_img = $("#del"+img_id+" > img").attr("title");
    
  $.ajax({
  type: "POST",
  url: "./actions/delete-gallery.php",
  data: "id="+img_id+"&title="+title_img,
  dataType: "html",
  cache: false,
  success: function(data) { 
  if (data == "delete")
  {
     $("#del"+img_id).fadeOut(300);
  }
                          }
 
});
   
 });

delete-gallery.php

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<?php
if($_SERVER["REQUEST_METHOD"] == "POST")
{
include("../include/db_connect.php"); 
 
$path = $_SERVER['DOCUMENT_ROOT']."/uploads_images/".$_POST["title"];
 
        if (file_exists($path))
        {  
          unlink($path);
          $delete = mysqli_query($link,"DELETE FROM uploads_images WHERE id = '{$_POST["id"]}'"); 
          echo "delete";   
        }
        else
        {
           echo "delete"; 
           $delete = mysqli_query($link,"DELETE FROM uploads_images WHERE id = '{$_POST["id"]}'");  
        }
 
}
?>

@aleks20161 · 20.04.2020, 14:28 **[ТС]**

Сообщение от vinikon

теперь так

вот что вывело

@aleks20161 · 20.04.2020, 14:39 **[ТС]**

Сообщение от fanatikus

оставьте только

Сообщение от vinikon

так

ради эксперемента вернул изначальный код и удалил эту часть кода if (data == "delete") и все заработало не знаю как и почему. Спасибо вам большое

@fanatikus · 20.04.2020, 14:39

ну вот. проблема в том что возвращает обработчик. может кирилический символ затесался

@vinikon · 20.04.2020, 14:42

значит, с сервера в date приходит не 'delete'. вы уверены, что в php показали код файла ./actions/delete-gallery.php . если это
тот файл, то удалите закрывающий php тег ?> в конце файла, а открывающий <?php должен быть в самой верхней строчке файла.

@aleks20161 · 20.04.2020, 14:45 **[ТС]**

Сообщение от vinikon

gallery.

код файла ./actions/delete-gallery.php

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?php
 
if($_SERVER["REQUEST_METHOD"] == "POST")
{
include("../include/db_connect.php"); 
 
$path = $_SERVER['DOCUMENT_ROOT']."/uploads_images/".$_POST["title"];
 
        if (file_exists($path))
        {  
          unlink($path);
          $delete = mysqli_query($link,"DELETE FROM uploads_images WHERE id = '{$_POST["id"]}'"); 
          echo "delete";   
        }
        else
        {
           echo "delete"; 
           $delete = mysqli_query($link,"DELETE FROM uploads_images WHERE id = '{$_POST["id"]}'");  
        }
 
}
?>

@vinikon · 20.04.2020, 14:52

внизу удалите ?> - после нее может быть вывод в браузер - пробелы всякие или перенос строчки

Добавлено через 2 минуты
они приплюсовывались к delete и получалось не чистый 'delete', а,например, "delete \n"

Добавлено через 12 секунд
они приплюсовывались к delete и получалось не чистый 'delete', а,например, "delete \n"

@fanatikus · 20.04.2020, 14:54

Сообщение от vinikon

внизу удалите ?>

и не только
дублирование кода
else нафиг не нужно
в условии оставить только удаление файла.
после, удаление из базы и echo

@aleks20161 · 20.04.2020, 14:56 **[ТС]**

Сообщение от vinikon

внизу удалите

удалил ?> перестала удалятся картинка на всякий приложил все 3 файла

@aleks20161 · 20.04.2020, 14:59 **[ТС]**

Сообщение от fanatikus

else нафи

я сохранил что вы скидывали просто не заменил

PHP
1
2
3
4
5
6
7
if (file_exists($path)){
    unlink($path);
}
 
mysqli_query($link,"DELETE FROM uploads_images WHERE id = '{$_POST["id"]}'");
 
echo "delete";

Комментарий модератора

Используйте кнопки языков программирования в редакторе сообщений для выделения кода.

@vinikon · 20.04.2020, 15:03

непонятно, что вы удалили. ?> виден в строке 22 даже на превьюхе

@aleks20161 · 20.04.2020, 15:10 **[ТС]**

Сообщение от vinikon

что вы удалили

странно походу кеш не очистил перед проверкой удалил ?> все удаляется код js такой

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$('.del-img').click(function(e){
    e.preventDefault();
    var img_id = $(this).parent().attr("id").substring(3); 
    var title_img = $("#del"+img_id+" > img").attr("title");    
    $.ajax({
        type: "POST",
        url: "./actions/delete-gallery.php",
        data: "id="+img_id+"&title="+title_img,
        dataType: "html",
        cache: false,
        success: function(data) {
            
            
                $("#del"+img_id).fadeOut(300);
            
       } 
    });   
 });

Комментарий модератора

Используйте кнопки языков программирования в редакторе сообщений для выделения кода.

@vinikon · 20.04.2020, 15:17

а не хотите все отладить, чтобы при if (data=='delete') работало? а то, если подляну не обезвредить, в другом месте кода вас может накрыть.

@aleks20161 · 20.04.2020, 15:29 **[ТС]**

Сообщение от vinikon

отладить

хотелось бы как это сделать?

Добавлено через 9 минут

Сообщение от vinikon

if

только я не понял как он понимает что нужно скрыть картинку если я удалил if

@vinikon · 20.04.2020, 15:33

Сообщение от aleks20161

как он понимает

скрипт ничего не понимает. он просто удаляет картинку. только раньше он делал это если выполнялось условие, а сейчас в любом случае.
сейчас скрипты напишу. попробуем с условием запустить

@fanatikus · 20.04.2020, 15:38

Сообщение от vinikon

попробуем с условием запустить

вернуть json success=1

@vinikon · 20.04.2020, 15:51

код файла ./actions/delete-gallery.php

PHP
1
2
3
4
5
6
7
8
9
10
11
<?php
if($_SERVER['REQUEST_METHOD'] == 'POST') {
    include('../include/db_connect.php');
    $path = $_SERVER['DOCUMENT_ROOT'].'/uploads_images/'.$_POST['title'];
    if (file_exists($path)) {
        unlink($path);
    }
    $delete = mysqli_query($link,"DELETE FROM uploads_images WHERE id = '{$_POST["id"]}'");
    $a['success'] = 'delete';
    echo json_encode($a);
}

код js

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$('.del-img').click(function(e){
    e.preventDefault();
    var img_id = $(this).parent().attr("id").substring(3);
    var title_img = $("#del"+img_id+" > img").attr("title");
    $.ajax({
        type: "POST",
        url: "./actions/delete-gallery.php",
        data: "id="+img_id+"&title="+title_img,
        dataType: "html",
        cache: false,
        success: function(data) {
            info = JSON.parse(data);
            if (info.success == "delete") {
                $("#del" + img_id).fadeOut(300);
            }
        }
    });
});

Добавлено через 1 минуту
попробуйте так. должно работать.

@fanatikus · 20.04.2020, 15:58

Сообщение от vinikon

dataType: "html",
cache: false,
success: function(data) {
info = JSON.parse(data);
if (info.success == "delete") {
$("#del" + img_id).fadeOut(300);
}
}

JavaScript
1
2
3
4
5
6
7
        dataType: "json",
        cache: false,
        success: function(data) {
            if (data['success'] == "delete") {
                $("#del" + img_id).fadeOut(300);
            }
        }

@vinikon · 20.04.2020, 16:05

можно js вот так изменить (4 строчка)

JavaScript
1
var title_img = $(this).parent().find('img').attr('src').split('/').pop();

тогда вывод картинок на страницу можно еще больше упростить

PHP
1
?><li id="del<?= $result_img["id"] ?>"><img src="<?= $img_path ?>" width="<?= $width ?>" height="<?= $height ?>"><a class="del-img"></a></li><?php

атрибут title в img не нужен

Добавлено через 2 минуты

Сообщение от fanatikus

if (data['success'] == "delete") {

ох, не заметил, что ответили. да, так даже лучше. надо только dataType установить вместо html в json

@aleks20161 · 20.04.2020, 16:26 **[ТС]**

Сообщение от vinikon

код

вставил все заработало спасибо

Добавлено через 9 минут

Сообщение от fanatikus

json

а в чем разница

JavaScript
1
2
3
4
5
6
7
        dataType: "json",
        cache: false,
        success: function(data) {
            if (data['success'] == "delete") {
                $("#del" + img_id).fadeOut(300);
            }
        }

JavaScript
1
2
3
4
5
6
7
8
dataType: "html",
        cache: false,
        success: function(data) {
            info = JSON.parse(data);
            if (info.success == "delete") {
                $("#del" + img_id).fadeOut(300);
            }
        }

Комментарий модератора

Используйте кнопки языков программирования в редакторе сообщений для выделения кода.

@fanatikus · 20.04.2020, 16:30

Сообщение от aleks20161

а в чем разница

меньше кода
не нужно делать json.parse

Новые блоги и статьи Все статьи Все блоги /
Программа опроса у.з. расходомера SLS-720F Argus19 02.09.2026 Программа опроса у. з. расходомера SLS-720F Программа опрашивает один раз в минуту три ультразвуковых расходомера SLS-720F через интерфейс RS-485 по протоколу Modbus RTU. Опрашиваются регистры. . .	Hyper-V: Компьютер должен поддерживать доверенный платформенный модуль 2.0. Maks 31.08.2026 При установке Windows 11 на виртуальную машину Hyper-V 2-го поколения вылезла такая ошибка: Решение: в параметрах виртуальной машины, в разделе "Безопасность" (Security) активировать флаг. . .	Архитектура биовида Стива в Майнкрафте: Зачем бонобо кубический каннибализм anaschu 30.08.2026 Кубический Вагинокапитализм в Minecraft: Математический инвариант ОДУ и рок Стивов-бонобо Главная задача разработанной «Модели Всего» — наглядно продемонстрировать наличие системной «судьбы». . .	Оттачиваю умение писать js программы. russiannick 30.08.2026 Проектом выходного дня стало написание Книги шифров Виженера. Итогом стала версия 200, синий туман. Синий туман назван так, потому что замораживает текст под собой. Нажатие синих кнопок управляют. . .
мат медиц модель 30. презентация проекта anaschu 27.08.2026 хоп хоп хоп хидахоп, а я кладую))	Как у меня протекала болезнь zorxor 27.08.2026 Здравствуйте, друзья! Эта запись блога предназначена именно для вас - для моих дорогих друзей, которые знали меня лично. Чтобы ответить на вопрос - а что же со мной произошло на самом деле? Я учился. . .	Нашел вот забавное видео о измерениях. Лучшее что я видел на эту тему kumehtar 26.08.2026 ILETXiw9bMQ Основная суть и тезисы по измерениям: 0D (Нулевое измерение): точка, не имеющая длины, ширины, высоты или объема. Объект не может перемещаться в 0D. 1D (Первое измерение):. . .	[EasyBuilder Pro] Памятка по разработке для панелей Weintek ФедосеевПавел 26.08.2026 Памятка по разработке для панелей Weintek ВВЕДЕНИЕ Ранее, при реализации проектов основное внимание уделял разработке управляющей программы для контроллера, а панели оператора доставалось время. . .

@fanatikus 1932 / 1523 / 703 Регистрация: 17.11.2012 Сообщений: 6,585
	20.04.2020, 14:39
	ну вот. проблема в том что возвращает обработчик. может кирилический символ затесался 0

@vinikon 340 / 160 / 89 Регистрация: 16.01.2020 Сообщений: 771
	20.04.2020, 14:42
	значит, с сервера в date приходит не 'delete'. вы уверены, что в php показали код файла ./actions/delete-gallery.php . если это тот файл, то удалите закрывающий php тег ?> в конце файла, а открывающий <?php должен быть в самой верхней строчке файла. 0

@vinikon 340 / 160 / 89 Регистрация: 16.01.2020 Сообщений: 771
	20.04.2020, 14:52
	внизу удалите ?> - после нее может быть вывод в браузер - пробелы всякие или перенос строчки Добавлено через 2 минуты они приплюсовывались к delete и получалось не чистый 'delete', а,например, "delete \n" Добавлено через 12 секунд они приплюсовывались к delete и получалось не чистый 'delete', а,например, "delete \n" 0

@vinikon 340 / 160 / 89 Регистрация: 16.01.2020 Сообщений: 771
	20.04.2020, 15:03
	непонятно, что вы удалили. ?> виден в строке 22 даже на превьюхе 0

@vinikon 340 / 160 / 89 Регистрация: 16.01.2020 Сообщений: 771
	20.04.2020, 15:17
	а не хотите все отладить, чтобы при if (data=='delete') работало? а то, если подляну не обезвредить, в другом месте кода вас может накрыть. 0