0

Добрый день! У меня возникла проблема с отсутствием обновления страницы после операции множественного изменения записей.

Вообщем имеется таблица article с полями:

  • article_id integer not null auto_increment primary key;
  • article_title varchar(300);

И имеются два файла:

  • index.php в котором есть вывод данных из таблицы и скрипт ajax по поводу передачи данных на изменение выделенных записей.
  • updateArticle.php - файл в котором идет изменения записи;

Вот скрин того как выделенные записи переходят в режим редактирования (превращаются из текста в поля input для последующего изменения значений и занесения в БД): alt text

Вот код функции который отвечает за изменение записей в цикле:

// обрабатываем событие нажатия на кнопку "Изменить выделенные товары"   
     $('input[name=editArticle]').click( 
       function () 
       {
          var checkElements=document.getElementsByName("check_button");
          for(var i=0; i<checkElements.length; i++)
          {
            checkElement = checkElements[i];
            if (checkElement.checked==1)
            {
               // отправляем AJAX запрос
               $.ajax(
               {
                 type: "POST",
                 url: "updateArticle.php",
                 data: {article_id:checkElement.value, article_title:document.getElementsByName("edit_title["+checkElement.value+"]")[0].value},
                 success: function() 
                 { 

                 }

                }
             );  
            }

          }
          location.reload();            
       }
     );

Поясню editArticle это название кнопки которая осуществляет редактирование. check_button - это флажки, которые стоят справа в таблице. Строка article_title:document.getElementsByName("edit_title["+checkElement.value+"]")[0].value означает, что POST-переменной article_title присваивается значение поля из input с именем edit_title[xxx].

В файле updateArticle.php такой код:

<?php

include('config.php');

$article_id = $_POST['article_id'];
$article_title = $_POST['article_title'];

$connect->query("update article set
 article_title = '$article_title'
 where
 article_id = '$article_id'");
?>

В итоге операция изменения происходит успешно, в базу данных вносятся все изменения. Но при этом не отображается моментально на странице, только после обновления страницы все значения появляются. В чем тут ошибка? Пробовал играть с location.reload() переносить его в цикл и в конструкцию success, не помогало обновлялась только одна запись, остальные только после ручного обновления страницы.

3
  • 1
    *оффтоп* - Вам надо не в цикле посылать запросы, а собрать сначала все данные, упаковать их в массивы и один разом всё отправить. 21 ноя 2013 в 11:11
  • Это хотите сказать что потом будет передаваться куча POST Переменных, если через массив загрузить их в обработчик Ajax? Как же разбирать массив потом, чтобы выбрать article_id и article_title для каждой записи?
    – IntegralAL
    21 ноя 2013 в 11:15
  • @IntegralAL - а вы отправьте массив объектов, и перебирайте объекты уже на стороне сервера. 21 ноя 2013 в 11:48

1 ответ 1

2

1) Глупо, очень глупо делать цикл ajax запросов, составьте массив данных и передайте их php как json, там его распакуйте и корректно занесите.

2) location.reload перезагрузит страничку, какой в этом смысл? Просто после изменение названия, инпут обратно в "текст". Зачем извращаться?

4
  • У меня просто компоненты input представляют собой массив вида edit_title[xxx] и массив идентификаторов и чтобы без присвоения в дополнительный массив я сразу отправляю запросы. Я плохо знаю ajax потому прошу разьяснить, как это будет выглядеть... А location.reload использую для того чтобы обновить измененные записи. Данные берутся из таблицы, а не из input'ов напрямую.
    – IntegralAL
    21 ноя 2013 в 11:25
  • 1
    json! я же написал
    – avengerweb
    21 ноя 2013 в 11:41
  • Я не знаю что такое json. Буквально вчера начал ajax изучать.
    – IntegralAL
    21 ноя 2013 в 11:46
  • Что бы не дробить элементы на два массива, упакуйте их в объекты. arr_id[n] = checkElement.value; arr_title[n] = document.getElementsByName("edit_title["+checkElement.value+"]")[0].value; n++; заменить на obj = {id: checkElement.value, title: document.getElementsByName("edit_title["+checkElement.value+"]")[0].value}; arr[n++] = obj; 21 ноя 2013 в 12:00

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.