SpringBoot實(shí)現(xiàn)jsonp跨域通信的方法示例

jQuery39948237({key:3})

$.ajax({
    url:'http://localhost:8999/boot/dto',
    dataType:"jsonp",
    success:(response)=>{
      this.messages.push(response);
    }
  })

@RequestMapping("dto")
public Position dto() {
  return new Position(239, 43);
}

/**
 * 處理controller返回值，對(duì)于有callback值的使用jsonp格式，其余不處理
 */
@RestControllerAdvice(basePackageClasses = IndexController.class)
public class JsonpAdvice implements ResponseBodyAdvice {

  private Logger logger = LoggerFactory.getLogger(getClass());
  @Autowired
  private ObjectMapper mapper;

  //jquery默認(rèn)是callback，其余jsonp庫(kù)可能不一樣
  private final String callBackKey = "callback";

  @Override
  public boolean supports(MethodParameter methodParameter, Class aClass) {
    logger.debug("返回的class={}", aClass);
    return true;
  }

  /**
   * 在此處對(duì)返回值進(jìn)行處理，需要特別注意如果是非String類(lèi)型，會(huì)被Json序列化，從而添加了雙引號(hào)，解決辦法見(jiàn)
   *
   * @param body        返回值
   * @param methodParameter  方法參數(shù)
   * @param mediaType     當(dāng)前contentType，非String類(lèi)型為json
   * @param aClass       convert的class
   * @param serverHttpRequest request，暫時(shí)支持是ServletServerHttpRequest類(lèi)型，其余類(lèi)型將會(huì)原樣返回
   * @param serverHttpResponse response
   * @return 如果body是String類(lèi)型，加上方法頭后返回，如果是其他類(lèi)型，序列化后返回
   * @see com.inkbox.boot.demo.converter.Jackson2HttpMessageConverter
   */
  @Override
  public Object beforeBodyWrite(Object body, MethodParameter methodParameter, MediaType mediaType, Class aClass, ServerHttpRequest serverHttpRequest, ServerHttpResponse serverHttpResponse) {

    if (body == null)
      return null;
    // 如果返回String類(lèi)型，media是plain，否則是json，將會(huì)經(jīng)過(guò)json序列化，在下方返回純字符串之后依然會(huì)被序列化，就會(huì)添上多余的雙引號(hào)
    logger.debug("body={},request={},response={},media={}", body, serverHttpRequest, serverHttpResponse, mediaType.getSubtype());


    if (serverHttpRequest instanceof ServletServerHttpRequest) {
      HttpServletRequest request = ((ServletServerHttpRequest) serverHttpRequest).getServletRequest();

      String callback = request.getParameter(callBackKey);

      if (!StringUtils.isEmpty(callback)) {
        //使用了jsonp
        if (body instanceof String) {
          return callback + "(\"" + body + "\")";
        } else {
          try {
            String res = mapper.writeValueAsString(body);
            logger.debug("轉(zhuǎn)化后的返回值={},{}", res, callback + "(" + res + ")");

            return callback + "(" + res + ")";
          } catch (JsonProcessingException e) {
            logger.warn("【jsonp支持】數(shù)據(jù)body序列化失敗", e);
            return body;
          }
        }
      }
    } else {
      logger.warn("【jsonp支持】不支持的request class ={}", serverHttpRequest.getClass());
    }
    return body;
  }
}

Jquery332({"x":239,"y":43})

"Jquery332({\"x\":239,\"y\":43})"

@Component
public class Jackson2HttpMessageConverter extends MappingJackson2HttpMessageConverter {

  private Logger logger = LoggerFactory.getLogger(getClass());

  @Override
  protected void writeInternal(Object object, Type type, HttpOutputMessage outputMessage) throws IOException, HttpMessageNotWritableException {
    if (object instanceof String) {
      //繞開(kāi)實(shí)際上返回的String類(lèi)型，不序列化
      Charset charset = this.getDefaultCharset();
      StreamUtils.copy((String) object, charset, outputMessage.getBody());
    } else {
      super.writeInternal(object, type, outputMessage);
    }
  }
}


@Configuration
public class MvcConfig implements WebMvcConfigurer {

  private Logger logger = LoggerFactory.getLogger(getClass());

  @Autowired
  private MappingJackson2HttpMessageConverter converter;

  @Override
  public void configureMessageConverters(List<HttpMessageConverter<?>> converters) {
//    MappingJackson2HttpMessageConverter converter = mappingJackson2HttpMessageConverter();
    converter.setSupportedMediaTypes(new LinkedList<MediaType>() {{
      add(MediaType.TEXT_HTML);
      add(MediaType.APPLICATION_JSON_UTF8);
    }});
    converters.add(new StringHttpMessageConverter(StandardCharsets.UTF_8));
    converters.add(converter);
  }
}