Как обновить содержимое и идентификатор DIV с помощью JQuery AJAX

Я пытаюсь сделать стиль Fb размещения как установить Div идентификатор, используя содержимое с сервера создать DIV и обновить содержание в порядкеКак обновить содержимое и идентификатор DIV с помощью JQuery AJAX

<div class="container"> 
    <div class="media" id="?????"> 
      // updated content here 
    </div> 

    // following DIVs exciting 
    <div class="media" id="uuid"></div> 
    <div class="media" id="uuid"></div> 
    <div class="media" id="uuid"></div> 
</div>

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#submit-305008493").bind("click", function (event) { 
     $.ajax({ 
      beforeSend: function (XMLHttpRequest) { 
       $("#sending").fadeIn(); 
       $("#desMediaContainer").prepend("<div class=\"media translationMedia\" id=\"dsf\"></div>"); 
      }, 
      data: $("#submit-305008493").closest("form").serialize(), 
      dataType: "html", 
      success: function (data, textStatus) { 
       $("#sending").fadeOut(); 
       $("#desMediaContainer .translationMedia:first-child").html(data); 
      }, 
      type: "post", 
      url: "\/trans\/destinations\/add\/52104adf-4c88-4825-aa3f-0efcc282aae9" 
     }); 
     return false; 
    }) 
</script>

источник

2013-10-01 Kani

ID элемента должен быть уникальным, вы не можете иметь более чем 1 элемент с идентификатором UUID –

Ваш код ссылки '# desMediaContainer', но это не отображается в вашем HTML. Это то, о чем вы спрашиваете, как исправить? – Barmar

да все id уникально. Я пытаюсь использовать вновь созданный контент uuid для нового div. – Kani

Решено. Благодарю вас всех. Это моя вина. Это было очень легко. Его решение просто добавляет содержимое дыры в контейнер и готово для удаления редактирования.

$('#container).append(data);

источник

2013-10-01 04:16:41 Kani

Пока вы не указали достаточно информации, чтобы фактически указать, ГДЕ вы должны извлекать данные, вам нужно вытащить его откуда-то. Вы можете указать URL-адрес в загрузке, а также определить параметры данных или функцию обратного вызова.

$("#getCameraSerialNumbers").click(function() { 
    $("#step1Content").load('YourUrl'); 
});

источник

2013-10-01 03:57:13

Ваш html, который вы написали, не соответствует написанному вами javascript (различные идентификаторы).

Но, соглашаясь с вашим javascript, почему бы вам просто не переместить создание своего div из функции beforeSend прямо в функцию успеха?

success: function (data, textStatus) { 
    $("#desMediaContainer").prepend("<div class="media translationMedia" id="dsf"></div>"); 
    $("#desMediaContainer #dsf").html(data); 
}

источник

2013-10-01 03:57:21 manishie

Как получить идентификатор от новых данных. – Kani

Вам необходимо уточнить формат возвращаемых данных. Когда вы вызываете этот URL-адрес: «/ trans/destination/add/52104adf-4c88-4825-aa3f-0efcc282aae9», каков именно формат возвращаемых данных? Включены ли эти данные в идентификатор? Можете ли вы опубликовать пример данных, которые возвращаются? – manishie

какие-либо данные, возвращает это будет в формате HTML, как:

 
in php: 
echo "div class=\"someclass\">content/div"; 
and in jquery: 
use: $("#retdata").html(data);

источник

2013-10-01 05:06:25 UserOnE

Как обновить содержимое и идентификатор DIV с помощью JQuery AJAX

ответ

Смежные вопросы