Breaking News: Grepper is joining You.com. Read the official announcement!

jsonp using jquery

Zorglub answered on February 15, 2023 Popularity 3/10 Helpfulness 2/10

answer jsonp using jquery

related jsonp using jquery

jsonp using jquery

Comment

<!DOCTYPE html>
<html>
<head>
<style>img{ height: 100px; float: left; }</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<title>An JSONP example </title>
</head>
<body>
<!-- DIV FOR SHOWING IMAGES -->
<div id="images">
</div>
<!-- SCRIPT FOR GETTING IMAGES FROM FLICKER.COM USING JSONP -->
<script>
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",
{
  format: "json"
},
//RETURNED RESPONSE DATA IS LOOPED AND ONLY IMAGE IS APPENDED TO IMAGE DIV
function(data) {
  $.each(data.items, function(i,item){
  $("<img/>").attr("src", item.media.m).appendTo("#images");

 });
});</script>
</body>
</html>

Popularity 3/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: javascript jquery jsonp using

Link to this answer
Share Copy Link

Contributed on Feb 15 2023

Zorglub

0 Answers Avg Quality 2/10

Closely Related Answers

jsonp using jquery

Comment

<html>
    <head>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
        <script>
            $(document).ready(function(){
                $.ajax({
                    url: 'http://twitter.com/status/user_timeline/padraicb.json?count=10',
                    dataType: 'jsonp',
                    success: function(dataWeGotViaJsonp){
                        var text = '';
                        var len = dataWeGotViaJsonp.length;
                        for(var i=0;i<len;i++){
                            twitterEntry = dataWeGotViaJsonp[i];
                            text += '<p><img src = "' + twitterEntry.user.profile_image_url_https +'"/>' + twitterEntry['text'] + '</p>'
                        }
                        $('#twitterFeed').html(text);
                    }
                });
            })
        </script>
    </head>
    <body>
        <div id = 'twitterFeed'></div>
    </body>
</html>

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: using javascript jsonp jquery

Link to this answer
Share Copy Link

Contributed on Feb 15 2023

Zorglub

0 Answers Avg Quality 2/10

jsonp using jquery

Contents

More Related Answers

jsonp using jquery

Closely Related Answers

jsonp using jquery

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.