javascript跨域资源请求是一个老生长谈的问题了。但是莫笑,我至今没有接触过....最近弄了弄后端,理顺了一下,写在这里。
所谓JSONP就是JSON with Padding。是一个非官方的协议。据说各种浏览器兼容都很好,看下后面的代码应该就明白了。
- 先说客户端
JSONP的协议大约是这样的。客户端请求一个地址的时候,将回调函数通过url传给服务器。服务器在接到请求之后,会返回一个执行这个回调的javascript代码片断。所以,客户端的请求大约就是这个样子的。
<script type="text/javascript"> function _callback(data){ // todo } </script>
假设
_callback
就是请求成功之后的回调。data
就是需要跨域获得的数据。那么,前端可以这样做。http://cross-domain/a.jsp?jsoncallback=_callback
。
- 再说服务器
接收该url之后,可以通过后端的方法获取到这个jsoncallback的函数名。后端的大致代码如下。
doGet(request, response){ String data = ""; // 后端通过查数据库或其他方式取得该请求需要的数据,将其拼成一个json格式的字符串。 String callbackName = request.getParameter("jsoncallback"); // 取得callback的名字。 response.write("<script type="text/javasctipt""); response.write(callbackName+"(" + data + ")"); response.write("</script>"); }
浏览器接收到该字符串之后,会将其解析为javascript代码,然后执行,就可以达到在当前页面取得其他域的数据的目的了。