中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

jsonp跨域請求詳解

發布時間:2020-09-14 17:50:37 來源:腳本之家 閱讀:106 作者:liliangel 欄目:web開發

前端時間因為太忙,一直沒有處理跨域這個事情,今天抽了一個小時輕松解決,突然發現上個月又寫了很多重復代碼。因為現在公司項目分為多個工程,前后端完全分離,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跨域請求詳解

 以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

沂南县| 陆河县| 马尔康县| 辰溪县| 隆回县| 武宣县| 怀来县| 都兰县| 宜兰市| 靖远县| 鄂托克旗| 肃南| 秦皇岛市| 会昌县| 金华市| 海淀区| 日土县| 株洲县| 贵德县| 濉溪县| 洛隆县| 朔州市| 星子县| 景洪市| 唐海县| 莆田市| 滕州市| 赤壁市| 屏南县| 抚远县| 茶陵县| 太湖县| 海城市| 津南区| 麻栗坡县| 江孜县| 建宁县| 隆化县| 威远县| 长顺县| 惠安县|