Get value of attribute from remote URL using jQuery

Question

I'm trying to get the value of an attribute that's on another page. This is what's on the other page that I'm extracting the value from:

<body class="community-top" data-user-id="username" data-token="1234567890" data-language="en">

I want to extract the data-token's value from the page, and alert it to the user. This is the closest I've gotten, after modifying the result from this page:

$.ajax({
url: 'http://example.com',
success: function(response) {
result = $(response).filter(".data-token");
alert(result);
} });

However, it just says "[object Object]", despite the original page saying that using filter() for top-level elements would fix it. I can't seem to convert it to a string properly. Adding "alert(response);" puts the page dump into an alert, which is why I consider this the closest result after all my searching, despite [object Object] still showing up. As I feel that I've done more than my fair share of searching (been doing it for an hour and a half now), I figured I'd ask about this here. So does anyone have a fix?

(I feel like this is painfully obvious, but I'm a newbie to jQuery, have only used it to make simple bookmarklets and scripts.)

you can access the value of the data-attribute by using $(response).filter("body").data('token');, filter(".data-token") will just filter your response for an element with the class data-token — empiric
– empiric, Commented Oct 10, 2016 at 18:50
Debugging tip - use console.log(result) instead of alert(result). — Jason P
– Jason P, Commented Oct 10, 2016 at 18:51
@empiric That was dumb, I must have forgotten. Replacing the old one with this gives me 'undefined'... getting closer? — Lane B.
– Lane B., Commented Oct 10, 2016 at 20:41
@LaneB. maybe you should check what's inside your response. If something is wrappend around the body then you could try .find() instead of .filter() — empiric
– empiric, Commented Oct 10, 2016 at 20:47

giraff · Accepted Answer · 2016-10-10 18:50:47Z

0

Use this line instead:

$('.community-top').data('token');

answered Oct 10, 2016 at 18:50

giraff

4,7092 gold badges25 silver badges37 bronze badges

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

1 Comment

charlietfl Over a year ago

this won't work by itself...needs to be in the context of the response. What's shown will look in the dom

Hardik Jain · Accepted Answer · 2016-10-10 19:08:46Z

0

Is your response in json?

Try this console.log(JSON.stringify(response,null,4)) and then format 'result' accordingly.

Or directly try console.log(JSON.stringify(result,null,4))

answered Oct 10, 2016 at 19:08

Hardik Jain

1848 bronze badges

Collectives™ on Stack Overflow

Get value of attribute from remote URL using jQuery

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related