はじめに クロスドメイン制約とは、クライアントとサーバのドメインが異なると通信ができない制約のこと。 ↓ブラウザをlocalhost、Sinatraをlocalhost:4567において通信した時のエラー。 [Error] XMLHttpRequest cannot load http://localhost:4567. Origin http://localhost is not allowed by Access-Control-Allow-Origin. ではどうすればよいのか? 解決方法 クライアントと同一ドメインにサーバから経由させるスクリプトを設置 (参考 http://routesfate.blog80.fc2.com/blog-entry-218.html) JSONPを使う (参考 http://gihyo.jp/dev/serial/01/crossbrowser-ja
![Sinatraとajax通信でクロスドメイン制約の突破方法 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/3d5975cb36f65128c7596ed6872752e95c1301c5/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9U2luYXRyYSVFMyU4MSVBOGFqYXglRTklODAlOUElRTQlQkYlQTElRTMlODElQTclRTMlODIlQUYlRTMlODMlQUQlRTMlODIlQjklRTMlODMlODklRTMlODMlQTElRTMlODIlQTQlRTMlODMlQjMlRTUlODglQjYlRTclQjQlODQlRTMlODElQUUlRTclQUElODElRTclQTAlQjQlRTYlOTYlQjklRTYlQjMlOTUmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWIyMjQyNDEzZTYxNzEyNjMyY2Y4Y2U0ODY4YjAwOTE5%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwY2hvY29wdXlvJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1lYjFhNTczMDA4OTY4YTZiY2MzZjVlMTdlMDFiYzY0Yw%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D81f13443c2e9813ecc5c200718085670)