What s jsonp_nat_20140221

819 views
710 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
819
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

What s jsonp_nat_20140221

  1. 1. JSONP @nat 20140221
  2. 2. 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
  3. 3. 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.
  4. 4. 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
  5. 5. Cross Domain  HTML tags:  <img />  <iframe></iframe>  <script></script>
  6. 6. 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
  7. 7. 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/

×