Javascript (Ajax) Parse JSON value

Question

total javascript noob here. Just trying to get an understanding for the language.

I'm requesting a JSON request using the following code:

function request(){
$.ajax({
        dataType: "jsonp",
        type: 'GET',
url: "getWebsite",
        success: function(result){
            data = result;
            $('.data').text(data);
            console.log(data);
    }});

The get request returns something like this:

"items": [ 
 {
  "topLevelComment": {
    "authorDisplayName": "a"
    "textDisplay": "b"
 },
 {
  "topLevelComment": {
    "authorDisplayName": "c"
    "textDisplay": "d"
 }

I would like to cycle through the AuthorDisplayName and textDisplay and randomly pick one from each. The best way to do this would probably be to put them both into arrays if I had to guess. I'm not sure how to even go about this.

Is result already in object format or still in JSON string format? can you try to do console.log(typeof(data)); — Viki Theolorado
– Viki Theolorado, Commented Oct 27, 2017 at 8:21
And what do you mean by "randomly pick one from each". do you mean showing one of authorDisplayName and one of textDisplay from all the array, or show between authorDisplayName or textDisplay for each comment? — Viki Theolorado
– Viki Theolorado, Commented Oct 27, 2017 at 8:36
@VikiTheolorado Basically the JSON request has over 100+ AuthorDisplayName's and 100+ textDisplay's. I want to loop through all of the values and then randomly select one for AuthorDisplayName and one for textDisplay. — John S.
– John S., Commented Oct 27, 2017 at 8:38

Farhad Bagherlo · Accepted Answer · 2017-10-27 08:51:21Z

1

var json={
	"items": [{
		"topLevelComment": {
			"authorDisplayName": "a",
			"textDisplay": "b"
		}
	}, {
		"topLevelComment": {
			"authorDisplayName": "c",
			"textDisplay": "d"
		}
	}, {
		"topLevelComment": {
			"authorDisplayName": "e",
			"textDisplay": "f"
		}
	}, {
		"topLevelComment": {
			"authorDisplayName": "g",
			"textDisplay": "h"
		}
	}]
};
$("input:button").on("click",function(){
 selectRand = Math.floor((Math.random() * json.items.length))
 var r=json.items[selectRand].topLevelComment.textDisplay;
 console.log(r);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" value="selectRand"/>

edited Oct 27, 2017 at 8:51

answered Oct 27, 2017 at 8:34

Farhad Bagherlo

6,6993 gold badges30 silver badges49 bronze badges

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

Comments

Viki Theolorado · Accepted Answer · 2017-10-27 08:46:47Z

0

If your data is already in Object format, and you only want to get one from random pick. Then you don't have to loop for all the data. Just randomly select one index from your total data.

function request(){
    $.ajax({
        dataType: "jsonp",
        type: 'GET',
        url: "getWebsite",
        success: function(result){
            data = result;
            $('.data').text(data);
            console.log(data);

            var randomIndex = Math.floor((Math.random() * data.items.length));
            console.log("Selected data authorDisplayName: " + data.items[randomIndex].topLevelComment.authorDisplayName);
            console.log("Selected data textDisplay: " + data.items[randomIndex].topLevelComment.textDisplay);
        }
    });
}

answered Oct 27, 2017 at 8:46

Viki Theolorado

5865 silver badges20 bronze badges

1 Comment

John S. Over a year ago

Returns "Cannot read property 'authorDisplayName' of undefined"

Sebastian · Accepted Answer · 2017-10-27 08:28:31Z

0

items is already an array. So you do the following:

Parse the result to json (Only if a string is returned)

items = JSON.parse(items)
Get a random index

let index = Math.floor((Math.random() * items.length))
Get the random data

let authorDisplayName = items[index].topLevelComment.authorDisplayName
let textDisplay = items[index].topLevelComment.textDisplay

answered Oct 27, 2017 at 8:28

Sebastian

1,77215 silver badges26 bronze badges

Comments

Boris Yordanov · Accepted Answer · 2017-10-27 08:32:33Z

0

As far as i understood you are trying to display a random object from the items array?

The items variable is already an array, so you don't need to create one. To get a random element of the array you can use the following code:

var item = result.items[Math.floor(Math.random()*items.length)];

I'm not sure where exactly the items array is located, let's say it's on the root of the result. You will probably also need to run the array through the method JSON.parse() to make it a valid JavaScript object.

And then to get the text and display name you can do this:

var authour = item.topLevelComment.authorDisplayName; var text = item.topLevelComment.textDisplay;

answered Oct 27, 2017 at 8:32

Boris Yordanov

1

1 Comment

John S. Over a year ago

I'm basically calling a GET json request to an API link. The result of the request is stored in the variable 'data'.

Collectives™ on Stack Overflow

Javascript (Ajax) Parse JSON value

4 Answers 4

Comments

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related