What s 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/

What s jsonp_nat_20140221

Recomendados

Recomendados

Mais conteúdo relacionado

Destaque

Destaque (13)

Semelhante a What s jsonp_nat_20140221

Semelhante a What s jsonp_nat_20140221 (20)

Mais de LearningTech

Mais de LearningTech (20)

Último

Último (20)

What s jsonp_nat_20140221