PHP / JQuery / AJAX, несколько проблем с прорезыванием зубов

Question

Утро / День ребята.

Пишу немного JQuery AJAX-шизов и немного застреваю. У меня получился фактический процесс вызова php-файла, он просто пытался заставить html на странице измениться так, как я хочу. Я хочу избавиться от a с идентификатором, используемым в вызове ajax и т. Д., И заменить его на HTML, переданный из файла PHP. Код выглядит следующим образом ...

$(".save_places").click(function() {
  $.ajax({
    url: "{/literal}{$sRootPath}{literal}system/ajax/fan_bus.php",
    type: "POST",
    data: ({id : this.getAttribute('id')}),
    dataType: "html",
    success: function(msg){
      $(this).before(msg);
      $(this).empty();
      alert(msg);
    }
  });
  return false;
});

А HTML довольно прост;

<p class="links">
  <a href="#" class="save_places" id="bus_{$businesses.results[bus].id}_{$sMemberDetails.id}"><img src="{$sThemePath}images/save_places.png" alt="Save to My Places" /></a>
  <a href="#"><img src="{$sThemePath}images/send_friend.png" alt="Send to a Friend" /></a>
</p>

Все, что есть в функции успеха, это экспериментальное смешивание кода, пожалуйста, помогите?

Спасибо как всегда.

Answer 1

Я думаю, что вы ищете .replaceWith(), вот так:

$(this).replaceWith(msg);

Это заменяет <a></a> содержимым, возвращающимся в msg.

Кроме того, если вы уверены, что элементы имеют идентификаторы, вы можете просто сделать это:

data: {id : this.id},

Answer 2

linksPara.replaceChild(newElements, oldAtag);