Обновление с помощью AJAX не происходит, пока не будет выполнено обновление?

Вызов функции jquery ajax для обновления строки в таблице не происходит, пока не будет выполнено обновление. вызов сценария php на сервере из javascript выполняется отлично, но изменения не отражаются на предназначенной странице. . . Как это можно решить?

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

ugh StackExchange 27.10.2018 18:14
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
1
970
3

Ответы 3

Одно из двух:

  1. Повторно запустите функцию, которая изначально получает данные для вашей таблицы после завершения функции редактирования AJAX.
  2. Верните недавно обновленную таблицу MySQL в объект ответа GET.

Я бы порекомендовал второй вариант, чтобы все было кратко.

РЕДАКТИРОВАТЬ

Извиняюсь за несоответствия, я не практикуюсь в jQuery, однако суть та же

var populateTable = function(tableData){
     //whatever you do to populate your table
}

$(document).ready(function(){
     $.get("www.your.site.com/getData", function(data){
          populateTable(data);
     })
})

const submitEdits = function(){
     $.ajax({
          method: "POST", //Or whichever method you use
          url: "www.your.site.com/sendData",
          data: <your data here>
     })
     .done(function( response ) {
         populateTable(response.data);
     });
}

Вы можете понять это. . .

Osahady 27.10.2018 23:34

Отредактировал свой ответ, чтобы привести пример.

jpadd009 29.10.2018 22:50

Этот ответ стоит дорого с точки зрения производительности, особенно когда база данных растет.

Osahady 30.10.2018 08:24

Вы можете добиться этого за несколько простых шагов:

  1. После обновления вызовите функцию для получения данных для этой отредактированной строки ИЛИ вызовите функцию для получения всех данных.
  2. После получения данных вы можете использовать jQuery для редактирования таблицы html.

Самый простой способ - получить все данные. Таким образом, вы можете использовать jQuery.empty (), а затем повторно инициализировать свою таблицу.

Предположим, что после вставки данных с помощью ajax ваши данные успешно сохранены. Получите всю строку из таблицы в том же вызове ajax и сделайте из нее html в том же вызове ajax

$html = '';
foreach($data as $key=>$val){
$html.='<tr>';
$html .= '<td>'.$val['name'].'</td>';
$html .= '<td>'.$val['email'].'</td>';
$html .='</tr>';
}//as per your response come.

а затем в успешном ответе ajax независимо от того, какой html вы вернули в ответ Такие как

return json_encode(array('message'=>'success','table_html'=>$html));

и в успехе ajax замените html таблицы новым html. Такие как

$('#table').html(response.table_html);

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

При попытке доступа к response.table_html возвращается сообщение undefined.

Osahady 27.10.2018 23:23

Прежде всего, вам нужно сначала консортировать ваш первый тест ответа ajax, чтобы ваш ответ ajax содержал table_html или нет, после его получения вы можете пойти дальше.

sonu pokade 28.10.2018 05:56

Может, стоит прочитать stackoverflow.com/help/formatting :)

Heretic Monkey 07.11.2018 15:24

Другие вопросы по теме