Jquery AJAX: обновлять содержимое при успешном выполнении?

#php #jquery

#php #jquery

Вопрос:

У меня есть страница php с такой структурой:

 body{ article { form { table } } }
  

Я хочу, чтобы тег обновлял свое содержимое при отправке формы, поскольку мне нужно добавить новые данные в таблицу формы, которая была добавлена в базу данных.
Я пишу следующий код jquery внутри success AJAX.

 $("article").load("add.php article");
  

т. е. я хочу обновить ту же страницу новым содержимым без фактического обновления..
Это работает нормально, за исключением того, что это нарушает мой CSS.
Есть ли какой-либо способ, которым я могу удалить <article> тег со своей страницы при успешном выполнении, а затем создать новый <article> элемент на странице?

Комментарии:

1. Это не должно нарушать ваш css, вы уверены, что ваша структура html никак не изменилась?

2. @red-x: да .. я запустил firebug it..it добавляет новую <статью> внутри предыдущей <статьи>. Как мне предотвратить это?

Ответ №1:

Попробуйте это (не тестировалось):

 $("article").load("add.php article > *");
  

Вместо получения статьи он получает содержимое статьи.