javascript - 如何优雅的解决ajax跨源请求？

Question

http://jsbin.com/bayomimuwi/edit?html,css,js,output

本地环境用的是wampserver，现在想实现跨源获取图片,菜鸟求助
报错信息：
已拦截跨源请求：同源策略禁止读取位于 http://img0.bdstatic.com/img/image/shouye/xiaoxiao/%E5%A4%B4%E5%83%8F518.jpg?=1464246527815 的远程资源。（原因：CORS 头缺少 'Access-Control-Allow-Origin'）。

Answer 1

题主所说的跨域问题需要在提供服务的后端解决，前端是无法解决的。
需要在后端设置responce的HEAD中Access-Control-Allow-Origin，设置允许跨域的域名。
跨域是需要前后端一同协作的。

如果只是想在HTML上展示图片，可以这么写

<img src="http://img0.bdstatic.com/img/image/shouye/xiaoxiao/%E5%A4%B4%E5%83%8F518.jpg"></img>

Answer 2

前端和后端配合使用JSONP