[B! JSONP] hisasannã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

hisasann id:hisasann

JSONPã«é–¢ã™ã‚‹hisasannã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ï¼»æ°—ã«ãªã‚‹ï¼½JSONPã®å®ˆã‚Šæ–¹
XSSã«CSRFã«SQLã‚¤ãƒ³ã‚¸ã‚§ã‚¯ã‚·ãƒ§ãƒ³ã«ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªãƒˆãƒ©ãƒãƒ¼ã‚µãƒ«â€¦â€¦Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ—ãƒã‚°ãƒ©ãƒžãŒçŸ¥ã£ã¦ãŠãã¹ãè„†å¼±æ€§ã¯ã„ã£ã±ã„ã‚ã‚Šã¾ã™ã€‚ãã“ã§æœ¬é€£è¼‰ã§ã¯ã€ãã®ã‚ˆã†ãªãƒ¡ã‚¸ãƒ£ãƒ¼ãªã‚‚ã®â€œä»¥å¤–â€ã‚‚æŽ˜ã‚Šä¸‹ã’ã¦ã„ãã¾ã™ ï¼ˆç·¨é›†éƒ¨ï¼‰ JSONPã ã£ã¦ã€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã‚’æ°—ã«ã—ã¦ã»ã—ã„ çš†ã•ã‚“ã“ã‚“ã«ã¡ã¯ã€ã¯ã›ãŒã‚ã‚ˆã†ã™ã‘ã§ã™ã€‚ä»Šå›žã¯ã€JSONPã‚’ä½¿ç”¨ã™ã‚‹å ´åˆã®ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã—ã‚‡ã†ã€‚ JSONPã¨ã¯ã€JSON with Paddingã®åç§°ãŒç¤ºã—ã¦ã„ã‚‹ã¨ãŠã‚Šã€JSONå½¢å¼ã®ãƒ‡ãƒ¼ã‚¿ã«ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ã®å‘¼ã³å‡ºã—ã®ãŸã‚ã®ã‚³ãƒ¼ãƒ‰ã‚’ä»˜åŠ ã™ã‚‹ã“ã¨ã§ã€ã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³ã§ãƒ‡ãƒ¼ã‚¿ã®å—ã‘æ¸¡ã—ã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã®ãƒ‡ãƒ¼ã‚¿å½¢å¼ã§ã™ã€‚JavaScriptã‹ã‚‰ã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³ã§ã®ãƒ‡ãƒ¼ã‚¿ãŒç°¡å˜ã«æ‰±ãˆã‚‹ã“ã¨ãªã©ã‚’ç†ç”±ã«ã€å¤šæ•°ã®Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§APIã®ä¸€éƒ¨ã¨ã—ã¦JSONPå½¢å¼ã§ãƒ‡ãƒ¼ã‚¿ã®æä¾›ãŒè¡Œã‚ã‚Œã¦ã„ã¾ã™ã€‚ å…·ä½“çš„ãªä¾‹ã‚’è¦‹
hisasann 2010/09/17
JavaScript

JSONP

ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
ç¬¬11å›žã€€JSONPå…¥é–€ | gihyo.jp
ã“ã‚“ã«ã¡ã¯ã€å¤ªç”°ã§ã™ã€‚ä»Šå›žã‹ã‚‰ã€Ajaxã¨å‘¼ã°ã‚Œã‚‹ã‚ˆã†ãªéžåŒæœŸãªé€šä¿¡å‡¦ç†ã‚’è¡Œã†JavaScriptã«ã¤ã„ã¦è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ä»Šå›žã¯ç‰¹ã«JSONPã«ã¤ã„ã¦åŸºç¤Žçš„ãªéƒ¨åˆ†ã‚’è§£èª¬ã—ã¾ã™ã€‚ JSONã¨ã¯ JSONã«ã¤ã„ã¦ã¯ç¬¬9å›žã§ã‚‚å°‘ã—è§¦ã‚Œã¦ã„ã¾ã™ãŒã€æ”¹ã‚ã¦è§£èª¬ã—ã¾ã™ã€‚ JSONï¼ˆJavaScript Object Notationï¼‰ã¯JavaScriptã‹ã‚‰ç”Ÿã¾ã‚ŒãŸãƒ‡ãƒ¼ã‚¿è¨˜è¿°ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã§ã€çœŸå½å€¤ã€æ•°å€¤ã€æ–‡å—åˆ—ã€nullå€¤ã®çµ„ã¿åˆã‚ã›ã‚’æŒã£ãŸãƒãƒƒã‚·ãƒ¥ã‹é…åˆ—ã‹ãã®ä¸¡æ–¹ã§æ§‹æˆã•ã‚Œã¾ã™ã€‚ JSONã¯ãã®ã‚·ãƒ³ãƒ—ãƒ«ã•ã‹ã‚‰å¤šãã®è¨€èªžã§ãƒã‚¤ãƒ†ã‚£ãƒ–ã«ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ãŠã‚Šã€ç‰¹ã«ã‚¦ã‚§ãƒ–é–¢é€£ã§ã¯ãƒãƒ”ãƒ¥ãƒ©ãƒ¼ãªãƒ‡ãƒ¼ã‚¿ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã§ã™ã€‚ JSONã®ã‚µãƒ³ãƒ—ãƒ«ï¼ˆé…åˆ—ï¼‰ ["aaa", "bbb", "ccc"] JSONã®ã‚µãƒ³ãƒ—ãƒ«ï¼ˆãƒãƒƒã‚·ãƒ¥ï¼‰ {"aaa":1, "bbb": 2, "ccc": 3} JSONã®ã‚µãƒ³ãƒ—ãƒ«ï¼ˆãƒãƒƒã‚·ãƒ¥
hisasann 2010/09/17
JavaScript

Ajax

JSONP
ãƒªãƒ³ã‚¯
ç¬¬12å›žã€€XMLHttpRequestå…¥é–€ | gihyo.jp
ã“ã‚“ã«ã¡ã¯ã€å¤ªç”°ã§ã™ã€‚å‰å›žã¯JSONPã«ã¤ã„ã¦è§£èª¬ã—ã¾ã—ãŸã€‚ä»Šå›žã¯ã€XMLHttpRequestã«ã¤ã„ã¦è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ XMLHttpRequestã¨ã¯ XMLHttpRequestã¯ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã‚µãƒ¼ãƒãƒ¼ã¨HTTPé€šä¿¡ã‚’è¡Œã†ãŸã‚ã®APIã§ã™ã€‚ åå‰ã«XMLãŒä»˜ã„ã¦ã„ã¾ã™ãŒXMLã«é™ã£ãŸã‚‚ã®ã§ã¯ãªãã€HTTPãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’æŠ•ã’ã¦ãƒ†ã‚ã‚¹ãƒˆå½¢å¼ã‹DOMãƒŽãƒ¼ãƒ‰ã§ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã‚’å—ã‘å–ã‚‹æ©Ÿèƒ½ã‚’æŒã£ã¦ã„ã¾ã™ã€‚ ä»•æ§˜ã¨ã—ã¦ã¯W3Cã‚ˆã‚ŠXMLHttpRequestã¨ã—ã¦å®šç¾©ã•ã‚Œã¦ãŠã‚Šã€2010å¹´8æœˆ3æ—¥ã«Candidate Recommendationï¼ˆå‹§å‘Šå€™è£œï¼‰ã¨ãªã£ãŸã°ã‹ã‚Šã§ã™ã€‚ã¾ãŸã€XMLHttpRequest Level 2ã®ç–å®šã‚‚é€²ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ XMLHttpRequestã®æ©Ÿèƒ½ã¨ç‰¹å¾´ å‰å›žã®JSONPã¨æ¯”ã¹ã‚‹ã¨æ©Ÿèƒ½çš„ã«ã¯å¤§ããªé•ã„ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ãŸã ã€ã‚¹ã‚ãƒ¼ãƒ ã€ãƒ‰ãƒ¡ã‚¤ãƒ³ã€ãƒãƒ¼ãƒˆï¼ˆã“ã‚Œã‚’ã¾ã¨ã‚ã¦
hisasann 2010/08/17
Ajax

JavaScript

JSONP
ãƒªãƒ³ã‚¯
Ajax - Goodbye, JSONP. Hello, Access-Control-Allow-Origin : 404 Blog Not Found
2010å¹´08æœˆ17æ—¥06:45 ã‚«ãƒ†ã‚´ãƒªLightweight Languages Ajax - Goodbye, JSONP. Hello, Access-Control-Allow-Origin ã‚‚ã†ãã‚ãã‚JSONPã¨ã¯ãŠåˆ¥ã‚Œã§ãã‚‹ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ç«‹ã£ãŸã®ã§ã€‚ XMLHttpRequestã¨ãã®å•é¡Œ Ajaxã¨ã„ãˆã°XHRã®æ„›ç§°ã§è¦ªã—ã¾ã‚Œã¦ã„ã‚‹XMLHttpRequestã§ã™ãŒã€ã“ã‚Œã«ã¯ä¸€ã¤é‡å¤§ãªæ¬ ç‚¹ãŒã‚ã‚Šã¾ã—ãŸã€‚ ã“ã‚Œã‚’ç™ºè¡Œã™ã‚‹DHTMLãƒšãƒ¼ã‚¸ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ãŒã€Requestå…ˆã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã¨ä¸€è‡´ã™ã‚‹å¿…è¦ãŒã‚ã£ãŸã®ã§ã™ã€‚ã„ã‚ã‚†ã‚‹ Same Origin Policy ã¨ã„ã†ã‚„ã¤ã§ã™ã€‚ãŠã‹ã’ã§ã‚µã‚¤ãƒˆã‚’ã¾ãŸãŒã£ã¦ä½¿ãˆãªã‹ã£ãŸã®ã§ã™ã€‚ã“ã‚Œã§ã¯ãƒžãƒƒã‚·ãƒ¥ã‚¢ãƒƒãƒ—ã§ããªã„ã€‚ã©ã†ã—ã‚ˆã†ã€‚ JSONPã¨ãã®å•é¡Œ ãã“ã§ç”Ÿã¾ã‚ŒãŸã®ãŒã€JSONPã¨ã„ã†æ‰‹æ³•ã§ã™ã€‚ ã“ã‚Œã¯ã€scriptãƒŽãƒ¼ãƒ‰ã‚’è¿½åŠ ã—ãŸæ™‚ã«ã€å˜
hisasann 2010/08/17
Access-Control-Allow-Origin

Ajax

JSONP
ãƒªãƒ³ã‚¯
1