最近繼續蛋疼啊，各種問題各種搞，本次不扯淡、開門見山。要是喜歡就評論“666”

這兩天在搞html訪問後臺介面，發現跨域是個問題，解決這個問題需要ajax請求做配置、Java介面增加適配。

html中ajax請求：

$.ajax({
              type: "POST",
              url: "http://192.168.2.120:8093/api/getRoute",
              data: {routeKeyword:''},
              dataType: 'jsonp',//跨域訪問關鍵配置
              jsonp:'jsoncallback',//跨域訪問關鍵配置
              crossDomain: true,//跨域訪問關鍵配置
              success: function (rs) {
//                  console.log(rs);
              },
              error: function( xhr, textStatus, errorThrown ) {

//                  console.log(errorThrown);
              }
 

Java介面

 @ResponseBody
    @RequestMapping(value = "/getRoute", method ={RequestMethod.GET, RequestMethod.POST}, produces = "application/json; charset=utf-8")
    public void getAllBusRoute(HttpServletRequest request,HttpServletResponse response) throws IOException {
//         TODO 支援跨域訪問
        response.setHeader("Access-Control-Allow-Origin", "*");
        response.setHeader("Access-Control-Allow-Credentials", "true");
        response.setHeader("Access-Control-Allow-Methods", "*");
        response.setHeader("Access-Control-Allow-Headers", "Content-Type,Access-Token");
        response.setHeader("Access-Control-Expose-Headers", "*");

        String jsoncallback = request.getParameter("jsoncallback");// 客戶端請求引數
        String result = "········";
        String routeKeyword = request.getParameter("routeKeyword");

        JSONObject rr = JSONObject.parseObject(result);
        if (rr==null){
            return;
        }

        String json = rr.getString("data");
        result = jsoncallback + "("+json+")";
        response.setContentType("application/json;charset=UTF-8");
        PrintWriter writer = response.getWriter();
        writer.print(result);
        writer.flush();
        writer.close();
    }