如何解决跨域问题？(2)

2、当我们正常地请求一个JSON数据的之后，服务端返回的是一串 JSON类型的数据，而我们使用 JSONP模式来请求数据的之后服务端返回的是一段可执行的 JavaScript代码。因为jsonp 跨域的原理就是用的动态读取 script的src ，所以我们没法把参数通过 url的方法传递,所以jsonp的 type类型只能是get ！

我们可以看下面的请求，浏览器按 F12 显示如下：

我们将这段模式单独复制起来：

http://localhost:8080/JavaWeb01/getPassWordByUserNameServlet?userName=Tom&backFunction=jQuery33107285685756141047_1532791502227&_=1532791502228

再看 Preview 页：

也就是说对于下面的JSONP 请求，其实jQuery会转化为：

1 <script type="text/javascript" 
2         src="http://localhost:8080/JavaWeb01/getPassWordByUserNameServlet?userName=Tom&backFunction=jQuery33107285685756141047_1532791502227&_=1532791502228">
3 </script>

然后动态的去加载该 script 标签的 src 属性。

这种手段客户端是向 JavaWeb02 项目发送请求，而不是上面的向 JavaWeb01 发送请求，然后在 JavaWeb02 的后台通过 HttpClient 将请求发送到 JavaWeb01，得到数据后返回。这种方法相当于绕过浏览器的同源机制，直接借助后端进行转发。

index.jsp 的ajax请求如下：

 1 $.ajax({
 2             type:"get",
 3             async:false,
 4             url:"http://localhost:8081/JavaWeb02/ToGetPassWordServlet?userName=Tom",
 5             dataType:"json",
 6             success:function (data) {
 7                 alert(data['passWord']);
 8             },
 9             error:function () {
10                 alert("error");
11             }
12 
13         });

注意我们是在 JavaWeb02 项目下的index.jsp 发送请求，请求路径只是 JavaWeb02 下的 Servlet。

package com.ys.servlet;
import org.apache.http.client.methods.CloseableHttpResponse;
import org.apache.http.client.methods.HttpGet;
import org.apache.http.impl.client.CloseableHttpClient;
import org.apache.http.impl.client.HttpClients;
import org.apache.http.util.EntityUtils;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
/**
 * Create by YSOcean
 */
@WebServlet("/ToGetPassWordServlet")
public class ToGetPassWordServlet extends HttpServlet{
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //获取用户名
        String userName = req.getParameter("userName");
        CloseableHttpClient httpClient = HttpClients.createDefault();
        //创建get请求
        HttpGet hget = new HttpGet("http://localhost:8080/JavaWeb01/getPassWordByUserNameServlet?userName="+userName);
        CloseableHttpResponse httpResponse = httpClient.execute(hget);
        int code = httpResponse.getStatusLine().getStatusCode();
        if(code == 200){
            String result = EntityUtils.toString(httpResponse.getEntity());
            resp.getWriter().print(result);
        }
        httpResponse.close();
        httpClient.close();
    }
}

原理很简单：

利用nginx反向代理，将请求分发到推进到相应项目的tomcat服务器，当然也不存在跨域问题。

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/jisuanjixue/article-121523-2.html