Ajax跨域的那些坑

之前项目中用到Ajax，在页面做数据对接的时候，有时候会遇到跨域的问题，之前度娘了几次都没有解决，上周刚好有时间，静下心来解决了此问题，特整理成笔记，方便日后使用。

在做前端页面数据AJAX请求的时候，经常会碰到跨域的问题，起初解决起来很棘手，后来百度了很多资源，解决后 特做笔记，以便以后用的时候再看。

针对接口服务器所需要的参数类型可以分为以下两种情况：

a情况：

接口服务器需要的是普通参数，返回的是json数据

用以下方法即可解决

b情况：

接口服务器需要的参数为json对象的时候，需要以POST方法提交请求，JsonP的处理方法就会出错如下，原因是jsonP只能提交get请求，即使你写了POST请求类型，但是结果仍然会转成GET请求发送至接口服务器，这样肯定会出错。

解决办法是通过在接口服务器中配置请求头来解决,为了方便操作，直接在接口服务器中配置过滤器，让允许跨域请求对所有的请求都生效，webxml配置如下：

注意配置顺序，为第一位比较好

接下来创建跨域过滤器，如下：

注意这里的参数，content-type需要写进去，否则后面提交Json对象参数的时候，在ajax中即使设置了contentType:"application/json"，在访问的时候也会报错。

接下来页面Ajax部分需要这样改动：

这样就可以完成允许Ajax的操作。

c情况：

接口服务器不属于你，你不能后台代码进行更改，这样的话，只能通过先用AJAX请求你自己的服务器地址，将网址和参数全部传到自己的一个代理类上，然后通过这个代理类去用httpclient去像接口请求，然后再返回结果给页面，这种方法来解决。

注意：使用$.toJson()的时候需要引入Jquery-json.js