jsonp java后台_jsonp与Java后端

搞了好久的jsonp，才发现原来是自己的拦截器把我给拦截了，所以一直失败。

为了跨域就需要用jsonp。就比如说，原本我们的项目是写在一个项目下的，并且用的是jsp。此时，我直接将一个页面拖到桌面，改为html，然后再在这个页面上使用jsonp来做到与后端的数据进行交互，这就算是跨域了，因为端口号不同。

这也是前后端分离。

需要注意的几点：

jsonp返回的数据一定得是json，不然会出错

好像没了。。。

看代码：

url其实就是要写完整，包括你启动服务器的端口号

dataType肯定要改为jsonp的

jsonp:可以不写，因为默认就是callback

jsonpCallback:说是一个回调函数，相当于success后的方法，就是可以写在success外面，但我不知道怎么用

最重要的是，在后端Controller中，一定要接收callback，并且返回值的时候一定得是json格式

return callback(形参)，其实return的就是这样的一个东西，这样他就能获取到了。其实看了网上很多博客，他们起初都是解释到src是可以直接跨域访问js文件等等。然后他们就在js中写一个方法，来跨域获取内容，所以这儿写return的时候也就相当于返回一个方法，里面有参数。

被注释掉的东西是允许跨域的方法，只要写了这个，你用普通的Ajax就可以跨域访问到这儿。

其他传数据什么的和普通Ajax是一样的

@ResponseBody

@RequestMapping("/jsonp")

public String jsonp(@RequestParam(value="callback", required = false)String callback, HttpServletResponse response){

// response.setHeader("Access-Control-Allow-Origin", "*");

String str = "{a:\"b\"}";

return callback+"("+str+")";

}

$.ajax({

url: "http://localhost:8080/jsonp",

type: "get",

dataType: "jsonp",

data: {hello: "hello"},

//jsonp: "callback",

//jsonpCallback: "callback",

success: function(data){

alert(data);

},

error: function(){

alert("Wrong");

}

})