Shulou(Shulou.com)06/01 Report--

In this article Xiaobian for you to introduce in detail "how to load the latest picture from Flickr JSONP API", the content is detailed, the steps are clear, the details are handled properly, I hope this "how to load the latest picture from Flickr JSONP API" article can help you solve your doubts, the following follows the editor's ideas slowly in depth, together to learn new knowledge.

Deprecation Notice (deprecation notice)

The jqXHR.success (), jqXHR.error (), jqXHR.complete () callback methods introduced in jQuery 1.5 are discarded in jQuery 1.8. Because your code is ready, they will eventually be removed, using jqXHR.done (), jqXHR.fail (), and jqXHR.always () instead.

Additional Notes: (other precautions:)

Due to browser security restrictions, most "Ajax" requirements follow a policy of the same origin; that is, data cannot be correctly received from different domains, subdomains, or protocols.

Requests in the form of Script and JSONP are not subject to the same origin policy.

Example:

Example: load the last four pictures labeled cat from Flickr JSONP API:

Img {height: 100px; float: left;}

$.getJSON ("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",

{

Tags: "mount rainier"

Tagmode: "any"

Format: "json"

}

Function (data) {

$.each (data.items, function (iJournal item) {

$("

"). Attr (" src ", item.media.m) .appendto (" # images ")

If (I = = 3) return false

})

})

Example: load this JSON data through test.js and use the name value in the returned JSON data:

one

$.getJSON ("test.js", function (json) {

Alert ("JSON Data:" + json.users [3] .name)

})

Example: load this JSON data from test.js with an extra Key/value parameter and use the name value in the returned JSON data:.

$.getJSON ("test.js", {name: "John", time: "2pm"}, function (json) {

Alert ("JSON Data:" + json.users [3] .name)

})

After reading this, the article "how to load the latest pictures from Flickr JSONP API" has been introduced. If you want to master the knowledge of this article, you still need to practice and use it to understand it. If you want to know more about related articles, welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.