Bucle Ajax después del éxito

rubenSousa

tengo esta respuesta json

    [[{"id":73,"entry_by":"5","post":"Prova","location":"","images":"","tagged_friends":0,"created_at":"2016-08-05
 07:17:14","updated_at":"2016-08-05 07:17:14","post_type":0,"comments_open":0,"is_blocked":0,"is_share"
:0,"video":"","book_id":0,"author_id":0},{"id":72,"entry_by":"5","post":"Prova","location":"","images"
:"","tagged_friends":0,"created_at":"2016-08-05 06:59:18","updated_at":"2016-08-05 06:59:18","post_type"
:0,"comments_open":0,"is_blocked":0,"is_share":0,"video":"","book_id":0,"author_id":0},{"id":71,"entry_by"
:"5","post":"Prova","location":"","images":"","tagged_friends":0,"created_at":"2016-08-05 06:59:12","updated_at"
:"2016-08-05 06:59:12","post_type":0,"comments_open":0,"is_blocked":0,"is_share":0,"video":"","book_id"
:0,"author_id":0},{"id":70,"entry_by":"5","post":"Prova","location":"","images":"","tagged_friends":0
,"created_at":"2016-08-05 06:59:08","updated_at":"2016-08-05 06:59:08","post_type":0,"comments_open"
:0,"is_blocked":0,"is_share":0,"video":"","book_id":0,"author_id":0},{"id":69,"entry_by":"5","post":"Prova"
,"location":"","images":"","tagged_friends":0,"created_at":"2016-08-05 06:59:04","updated_at":"2016-08-05
 06:59:04","post_type":0,"comments_open":0,"is_blocked":0,"is_share":0,"video":"","book_id":0,"author_id"
:0},{"id":68,"entry_by":"5","post":"Prova","location":"","images":"","tagged_friends":0,"created_at"
:"2016-08-05 06:58:58","updated_at":"2016-08-05 06:58:58","post_type":0,"comments_open":0,"is_blocked"
:0,"is_share":0,"video":"","book_id":0,"author_id":0},{"id":67,"entry_by":"5","post":"Prova","location"
:"","images":"","tagged_friends":0,"created_at":"2016-08-05 06:58:51","updated_at":"2016-08-05 06:58
:51","post_type":0,"comments_open":0,"is_blocked":0,"is_share":0,"video":"","book_id":0,"author_id":0
},{"id":66,"entry_by":"5","post":"Prova","location":"","images":"","tagged_friends":0,"created_at":"2016-08-05
 06:56:58","updated_at":"2016-08-05 06:56:58","post_type":0,"comments_open":0,"is_blocked":0,"is_share"
:0,"video":"","book_id":0,"author_id":0},{"id":65,"entry_by":"5","post":"Prova","location":"","images"
:"","tagged_friends":0,"created_at":"2016-08-05 06:56:52","updated_at":"2016-08-05 06:56:52","post_type"
:0,"comments_open":0,"is_blocked":0,"is_share":0,"video":"","book_id":0,"author_id":0},{"id":64,"entry_by"
:"5","post":"MInkia","location":"","images":"","tagged_friends":0,"created_at":"2016-08-05 06:41:59"
,"updated_at":"2016-08-05 06:41:59","post_type":0,"comments_open":0,"is_blocked":0,"is_share":0,"video"
:"","book_id":0,"author_id":0},{"id":63,"entry_by":"5","post":"MInkia","location":"","images":"","tagged_friends"
:0,"created_at":"2016-08-05 06:41:51","updated_at":"2016-08-05 06:41:51","post_type":0,"comments_open"
:0,"is_blocked":0,"is_share":0,"video":"","book_id":0,"author_id":0},{"id":74,"entry_by":"5","post":"Prova"
,"location":"","images":"","tagged_friends":0,"created_at":"2016-08-05 07:17:32","updated_at":"2016-08-05
 07:17:32","post_type":0,"comments_open":0,"is_blocked":0,"is_share":0,"video":"","book_id":0,"author_id"
:0},{"id":75,"entry_by":"5","post":"Prova","location":"","images":"","tagged_friends":0,"created_at"
:"2016-08-05 07:18:28","updated_at":"2016-08-05 07:18:28","post_type":0,"comments_open":0,"is_blocked"
:0,"is_share":0,"video":"","book_id":0,"author_id":0}]]

Quiero crear una mampostería de alimentación en vivo que muestre este resultado, pero en AJAX solo obtengo el primer resultado. Esto es Ajax (en este momento no hay salida de Json, solo necesito obtener el div agregado para cada resultado)

<script type="text/javascript">
$(document).ready(function(){
    $.ajax({
      url:"getposts",
      type: "get",  
      data: "{}",
      success: function(data){
        var res = data;
        $.each(res, function(index, value) {
            $('#prova').append($('<div class="timeline-block">\
                  <div class="panel panel-default">\
                    <div class="panel-heading">\
                      <div class="media">\
                        <div class="media-left">\
                          <a href="">\
                            <img src="http://bookstar.me/uploads/users/paolo.jpg" width="50px" class="media-object">\
                    </a>\
                        </div>\
                        <div class="media-body">\
                          <a href="#" class="pull-right text-muted"><i class="icon-reply-all-fill fa fa-2x "></i></a>\
                             <a href="">Paolo</a>\
                          <span>1/08/2016</span>\
                     </div>\
                      </div>\
                    </div>\
                    <div class="panel-body">\
                      <p>Prova</p>\
                    </div>\
                    <div class="view-all-comments">\
                      <a href="#">\
                        <i class="fa fa-comments-o"></i> View all</a>\
                      <span>10 comments</span>\
                    </div>\
                    <ul class="comments">\
                      <li class="media">\
                        <div class="media-left">\
                          <a href="">\
                            <img src="http://bookstar.me/images/people/50/guy-5.jpg" class="media-object"></a>\
                        </div>\
                        <div class="media-body">\
                          <div class="pull-right dropdown" data-show-hover="li">\
                            <a href="#" data-toggle="dropdown" class="toggle-button">\
                              <i class="fa fa-pencil"></i>\
                            </a>\
                            <ul class="dropdown-menu" role="menu">\
                              <li><a href="#">Edit</a></li>\
                              <li><a href="#">Delete</a></li>\
                            </ul>\
                          </div>\
                          <a href="" class="comment-author pull-left">Bill D.</a>\
                          <span>Hi Mary, Nice Party</span>\
                          <div class="comment-date">21st September</div>\
                        </div>\
                      </li>\
                      <li class="media">\
                        <div class="media-left">\
                          <a href="">\
                            <img src="http://bookstar.me/images/people/50/woman-5.jpg" class="media-object">\
                          </a>\
                        </div>\
                        <div class="media-body">\
                          <div class="pull-right dropdown" data-show-hover="li">\
                            <a href="#" data-toggle="dropdown" class="toggle-button">\
                              <i class="fa fa-pencil"></i>\
                            </a>\
                            <ul class="dropdown-menu" role="menu">\
                              <li><a href="#">Edit</a></li>\
                              <li><a href="#">Delete</a></li>\
                            </ul>\
                          </div>\
                          <a href="" class="comment-author pull-left">Mary</a>\
                          <span>Thanks Bill</span>\
                          <div class="comment-date">2 days</div>\
                        </div>\
                      </li>\
                      <li class="media">\
                        <div class="media-left">\
                          <a href="">\
                            <img src="http://bookstar.me/images/people/50/guy-5.jpg" class="media-object"></a>\
                        </div>\
                        <div class="media-body">\
                          <div class="pull-right dropdown" data-show-hover="li">\
                            <a href="#" data-toggle="dropdown" class="toggle-button">\
                              <i class="fa fa-pencil"></i>\
                            </a>\
                            <ul class="dropdown-menu" role="menu">\
                              <li><a href="#">Edit</a></li>\
                              <li><a href="#">Delete</a></li>\
                            </ul>\
                          </div>\
                          <a href="" class="comment-author pull-left">Bill D.</a>\
                          <span>What time did it finish?</span>\
                          <div class="comment-date">14 min</div>\
                        </div>\
                      </li>\
                      <li class="comment-form">\
                        <div class="input-group">\
                          <span class="input-group-btn">\
                   <a href="" class="btn btn-default"><i class="fa fa-photo"></i></a>\
                </span>\
                          <input type="text" class="form-control" />\
                        </div>\
                      </li>\
                    </ul>\
                  </div>\
                </div>'));
        });
    }
});
Molnarland

Este JSON tiene 13 matrices en una matriz. Así que intenta:

$.each(res[0], function(index, value) {...});

o sus resultados son algunas matrices:

$.each(res, function(index, value) {
    $.each(value, function(index2, value2) {...});
});

Espero poder ayudarte

Este artículo se recopila de Internet, indique la fuente cuando se vuelva a imprimir.

En caso de infracción, por favor [email protected] Eliminar

Editado en
0

Déjame decir algunas palabras

0Comentarios
Iniciar sesiónRevisión de participación posterior

Artículos relacionados

Bucle de datos JSON después del éxito de Ajax

El formulario Django Ajax envía recargas después del "éxito"

(Ajax) ejecute una solicitud ajax después del código dentro del éxito de otra solicitud ajax (no dentro de ella)

Mostrar botón después del éxito de la función ajax

Cómo avanzar en el asistente inteligente después del éxito de ajax

El evento de éxito de AJAX no se activa después del cambio de servidor

¿Cómo cierro una ventana modal después del éxito de AJAX?

Cómo cambiar la URL después del éxito en ajax sin recargar la página

Función de devolución de llamada después del éxito de AJAX

¿Por qué usar JSON.Parse (datos) después del éxito de ajax?

Agregue un texto en la etiqueta span con td después del éxito de ajax

Cómo usar datos variables después del éxito de la llamada Ajax - Laravel

table.ajax.reload () no se activa después del éxito: función ()

La función de eliminación de Laravel / Ajax no actualiza mi tabla después del éxito

Los valores del controlador no están disponibles para la plantilla después del éxito de $ .ajax en Ember

Guarde los datos de entrada y agregue el icono dentro del cuadro de texto después del éxito de ajax

cómo renderizar la página html después del éxito de ajax desde el backend de django

actualización / actualización en html dinámicamente después del éxito de ajax sin recargar la página

Ejecute una función después del éxito de $ .ajax sin ponerla en una devolución de llamada directamente

cómo salir del bucle después de una llamada ajax

Jquery actualiza la página después del éxito

Forma clara de VueJ después del éxito

La API sigue ejecutándose incluso después del éxito

Autoconf loop pero se detiene después del primer éxito?

Javascript no funciona después del bucle for

Devolver matriz ordenada después del bucle For

Devolver valor XML después del bucle

Reiniciar un bucle for después del descanso

el bucle for no funciona correctamente después del primer bucle

TOP Lista

CalienteEtiquetas

Archivo