Обновление содержимого DIV после публикации AJAX

Question

Обновление содержимого DIV после публикации AJAX

-3

У нас есть структура div, как показано ниже:

<!-- main.php starts -->
    <div class="main">
      <div class="one">
         <span class="buttonEdit">EDIT</span>
      </div>
      <div class="two">Content</div>
      <div class="editBox">
       <!-- abc.php which is loaded onClick -->
        <textarea class="editArea"></textarea>
        <span class="buttonSave">SAVE</span>
       <!--abc.php ends -->
      </div>
    </div>
<!-- main.php ends -->

Используемый jQuery:

$(document).ready(function() { 
        //SAVE BUTTON
        $(".buttonSave").click(function(){
            //AJAX SAVE HERE
            $.post("save.php",function(msg){
                var newContent;
                newContent = $(".editArea").val();

                $(this).parents(".main").find('.two').text(newContent);
             });
        });

Процесс: нажав кнопку EDIT, внешняя страница (abc.php) будет загружаться в div (class= "editBox") через функцию загрузки jQuery. После редактирования и сохранения содержимое из текстового поля должно отображаться в div (class= "two").

ВАЖНО Существует несколько похожих блоков, и имена классов одинаковы. JQuery написан в abc.php, который является внешним файлом. Можно ли использовать "найти" и "это" в AJAX?

РЕШЕНИЕ НЕОБХОДИМО: для этого нам нужна часть jQuery. Срочно!

на jsFiddle: http://jsfiddle.net/JerryJones/PacTs/

Jerry Jones 19 сен. 2012, в 12:04

Источник

0

Вы должны добавить идентификаторы ко всем блокам, как вы говорите «Есть несколько похожих блоков». <br> Затем с помощью ajax показывать данные в конкретном блоке.
Sohail Ahmed 19 сен. 2012, в 10:07

Теги:

php

jquery

ajax

2 ответа

Ещё вопросы

Вы должны добавить идентификаторы ко всем блокам, как вы говорите «Есть несколько похожих блоков». <br> Затем с помощью ajax показывать данные в конкретном блоке.

NullPoiиteя · Answer 1 · 2012-09-19T07-25-00.000Z

попробуй это

$.post('ajax.php',function(data){

   // write your retrived data here 
   $(".editArea").html(data retrived);
  //or
    $(".editArea").val(data retrived);

}

Можете ли вы пройти этот обновленный вопрос, пожалуйста?
@JerryJones, какую ошибку ты получаешь?
Содержимое в div (class = "two") вообще не обновляется! Кажется, есть некоторые проблемы с $ (this) и .find () в разделе AJAX.
@JerryJones, потому что родительский элемент buttonSave - editBox, а не основной

Zeritor · Answer 2 · 2012-09-19T08-44-00.000Z

Было бы намного проще, если бы вы предоставили ту часть, где контент имеет уникальный идентификатор.

Затем вы можете использовать onClick() на кнопке, чтобы вызвать функцию JavaScript:

function onEdit() {
    $("#EditBoxID".load('abc.php');
}

function onSave() {
    $("#ContentID").val($("#EditBoxID").val());
}

Можете ли вы пройти этот обновленный вопрос, пожалуйста?