欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jsonp跨域请求详解

程序员文章站 2023-02-24 08:30:22
前端时间因为太忙,一直没有处理跨域这个事情,今天抽了一个小时轻松解决,突然发现上个月又写了很多重复代码。因为现在公司项目分为多个工程,前后端完全分离,manage工程做所有...

前端时间因为太忙,一直没有处理跨域这个事情,今天抽了一个小时轻松解决,突然发现上个月又写了很多重复代码。因为现在公司项目分为多个工程,前后端完全分离,manage工程做所有业务逻辑处理,app、微信两个前置工程通过httpclient去调用manage工程的restful接口,而我就是负责微信这个工程,久而久之发现真的重复了很多controller层的代码,愈发激活了这个所有接口支持浏览器跨域请求的封装。话不多讲,见核心代码

1.定义一个类,继承mappingjackson2httpmessageconverter,重写writeinternal方法,方法里简单判断一下是否带有callback参数,没有直接返回数据,有的话将数据用callback参数的值括号包裹起来返回。

import java.io.ioexception;

import javax.servlet.http.httpservletrequest;

import org.apache.commons.io.ioutils;
import org.apache.commons.lang3.stringutils;
import org.springframework.http.httpoutputmessage;
import org.springframework.http.converter.httpmessagenotwritableexception;
import org.springframework.http.converter.json.mappingjackson2httpmessageconverter;
import org.springframework.web.context.request.requestcontextholder;
import org.springframework.web.context.request.servletrequestattributes;

import com.fasterxml.jackson.core.jsonencoding;
import com.fasterxml.jackson.core.jsonprocessingexception;

public class callbackmappingjackson2httpmessageconverter extends mappingjackson2httpmessageconverter {

 // 做jsonp的支持的标识,在请求参数中加该参数
 private string callbackname;

 @override
 protected void writeinternal(object object, httpoutputmessage outputmessage) throws ioexception,
   httpmessagenotwritableexception {
  // 从threadlocal中获取当前的request对象
  httpservletrequest request = ((servletrequestattributes) requestcontextholder
    .currentrequestattributes()).getrequest();
  string callbackparam = request.getparameter(callbackname);
  if (stringutils.isempty(callbackparam)) {
   // 没有找到callback参数,直接返回json数据
   super.writeinternal(object, outputmessage);
  } else {
   jsonencoding encoding = getjsonencoding(outputmessage.getheaders().getcontenttype());
   try {
    string result = callbackparam + "(" + super.getobjectmapper().writevalueasstring(object)
      + ");";
    ioutils.write(result, outputmessage.getbody(), encoding.getjavaname());
   } catch (jsonprocessingexception ex) {
    throw new httpmessagenotwritableexception("could not write json: " + ex.getmessage(), ex);
   }
  }

 }

 public string getcallbackname() {
  return callbackname;
 }

 public void setcallbackname(string callbackname) {
  this.callbackname = callbackname;
 }

}

2.定义java bean,注意修改class扫描路径,这样每次请求过来都会调起mappingjackson2httpmessageconverter类里的riteinternal这个方法,如果请求带上了callback参数,则将以callbackvalue('data')格式的数据返回给前端。

<!-- 定义注解驱动 -->
 <mvc:annotation-driven>
  <mvc:message-converters register-defaults="true">
   <bean
    class="xxx.xxx.xxx.callbackmappingjackson2httpmessageconverter">
    <property name="callbackname" value="callback" />
   </bean>
  </mvc:message-converters>
 </mvc:annotation-driven>

3.前端通过jquery封装的ajax方式调用,这里做了一些代码节省,关键代码已红色标出

<script type="text/javascript">
 var feedback = {
  init: function(){
   var self = feedback;
   self.bind();
  },
  test: function(data){
   console.log("测试jsonp",data)
  },
  bind: function(){
    var self = feedback;

    var par = {};
     par.callback = 'feedback.test';

    $.ajax({ 
    url:"http://manage.danong.com/rest/open/queryinvitelist", 
    data: par,
    datatype:'jsonp', 
    jsonp:'callback', 
    timeout:3000 
   }); 
  }
 }
 feedback.init();
</script>

4.浏览器打印log

 jsonp跨域请求详解

 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。