What s jsonp_nat_20140221
Upcoming SlideShare
Loading in...5
×
 

What s jsonp_nat_20140221

on

  • 532 views

 

Statistics

Views

Total Views
532
Views on SlideShare
532
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

What s jsonp_nat_20140221 What s jsonp_nat_20140221 Presentation Transcript

  • JSONP @nat 20140221
  • JSONP  JSONP or "JSON with padding" is a communication technique used in JavaScript programs running in web browsers to request data from a server in a different domain, something prohibited by typical web browsers because of the same origin policy. - WIKI, http://en.wikipedia.org/wiki/JSONP
  • Cross Domain’s Problem  Same-origin policy for javascript  Two pages have the same origin if the protocol, port (if one is specified), and host are the same for both pages.
  • Is the Same-origin With http://www.example.com/dir/page.html  httpː//www.example.com/dir/page .html 2  httpː//www.example.com/dir 2/other.html  httpː// sername:password@www.example.com/dir2/other.html u  httpː//www.example.com: 81/dir/other.html  https://www.example.com/dir/other.html  http://en.example.com/dir/other.html  http://example.com/dir/other.html  http://v2.www.example.com/dir/other.html  httpː//www.example.com: 80/dir/other.html
  • Cross Domain  HTML tags:  <img />  <iframe></iframe>  <script></script>
  • Demo  http://www.flickr.com/services/feeds/docs/photos_public/  native javascript    http://jsbin.com/gabezawo/1/edit http://jsbin.com/volelagi/2/edit jQuery  http://jsbin.com/mipifobo/1/edit  http://jsbin.com/pemokubi/2/edit
  • References  https://developer.mozilla.org/zhTW/docs/JavaScript/Same_origin_policy_for_JavaScript  http://zh.wikipedia.org/wiki/JSON  http://www.flickr.com/services/feeds/docs/photos_public/  https://api.jquery.com/jQuery.ajax/