How to random each loop item and on ajax / json data in jquery?

Question

How to random each loop item and on ajax / json data in jquery ?

data.json

{
  "items" : [
    {
      "title" : "new1",
      "content" : "content1"
    },
    {
      "title" : "new2",
      "content" : "content2"
    },
    {
      "title" : "new3",
      "content" : "content3"
    },
    {
      "title" : "new4",
      "content" : "content4"
    }
  ]
}

jquery ajax get json

    $.ajax({
        url: 'data.json',
        type: 'get',
        dataType: 'json',
        async: false,
        success: function(data){
              $.each(data.items, function(index,item) {
               var template = '<p>' + item.title + '</p>' + item.content + '<br />'; 

                  $('html').append(template);
                  return index < 1 ; // set 2 item 
              });

        }
     });

How to random each loop item and on ajax / json data in jquery ?

"How to random each loop item" - Do you mean "How do I randomly sort/shuffle the "items" array?" — nnnnnn
– nnnnnn, Commented Mar 21, 2013 at 9:12
here you have leave one curly brasses } in the code. so may be this will be the error. and why you want to return the value. do you know the return will through you out of loop. — Code Lღver
– Code Lღver, Commented Mar 21, 2013 at 9:13
@nnnnnn yes i meam How do I randomly sort/shuffle the "items" array with limit 2 item , thx help! update json format — komodo
– komodo, Commented Mar 21, 2013 at 10:14

Dipesh Parmar · Accepted Answer · 2013-03-21 09:16:24Z

1

Add ' and also close .each() add }); at the end of .each()

$.each(data.items, function(index,item) {
    var template = '<p>' + item.title + '</p>' + item.content + '<br />'; });

For Random

var random_index = Math.floor(Math.random()*data.length);
var item = data[random_index];

answered Mar 21, 2013 at 9:16

Dipesh Parmar

27.3k8 gold badges65 silver badges92 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to random each loop item and on ajax / json data in jquery?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related