利用Springjsonp如何在java項(xiàng)目中實(shí)現(xiàn)一個(gè)跨域請(qǐng)求

本篇文章為大家展示了利用Spring jsonp如何在java項(xiàng)目中實(shí)現(xiàn)一個(gè)跨域請(qǐng)求，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲。

創(chuàng)新互聯(lián)主要從事成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)蒸湘,十年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來(lái)電咨詢建站服務(wù):18982081108

jsonp介紹

JSONP(JSON with Padding)是JSON的一種“使用模式”，可用于解決主流瀏覽器的跨域數(shù)據(jù)訪問(wèn)的問(wèn)題。由于同源策略，一般來(lái)說(shuō)位于 server1.example.com 的網(wǎng)頁(yè)無(wú)法與不是 server1.example.com的服務(wù)器溝通，而 HTML 的<script> 元素是一個(gè)例外。利用 <script> 元素的這個(gè)開(kāi)放策略，網(wǎng)頁(yè)可以得到從其他來(lái)源動(dòng)態(tài)產(chǎn)生的 JSON 資料，而這種使用模式就是所謂的 JSONP。用 JSONP 抓到的資料并不是 JSON，而是任意的JavaScript，用 JavaScript 直譯器執(zhí)行而不是用 JSON 解析器解。
0、引入jar包

<dependency> 
      <groupId>org.springframework.boot</groupId> 
      <artifactId>spring-boot-starter-jersey</artifactId> 
    </dependency> 
 
    <dependency> 
      <groupId>org.springframework.boot</groupId> 
      <artifactId>spring-boot-starter-web</artifactId> 
    </dependency>

其他介紹就不多說(shuō)了，開(kāi)始上手吧。

1、繼承AbstractJsonpResponseBodyAdvice類JsonpAdvice，并加上@RestControllerAdvice注解

/*RestControllerAdvice的值指定攔截的包名*/ 
@RestControllerAdvice("com.ctrl") 
public class JsonpAdvice extends AbstractJsonpResponseBodyAdvice { 
 
  public JsonpAdvice() { 
    super("callback", "jsonp"); 
        /*callback是url請(qǐng)求攔截的參數(shù)名，如果攔截成功會(huì)將返回?cái)?shù)據(jù)傳入函數(shù)執(zhí)行回調(diào)函數(shù)*/ 
  } 
   
}

2、創(chuàng)建ctrl類

package com.ctrl; 
 
import java.util.HashMap; 
import java.util.Map; 
import javax.servlet.http.HttpServletRequest; 
 
import org.springframework.web.bind.annotation.RequestMapping; 
import org.springframework.web.bind.annotation.RestController; 
 
@RestController 
public class HelloCtrl { 
   
  @RequestMapping("/hello") 
  public Map<String,Object> hello(HttpServletRequest request){ 
    Map<String,Object>data = new HashMap<String,Object>(); 
    data.put("suc", true); 
    data.put("msg", "save suc"); 
         data.put("param", request.getParameter("a") + "==" + request.getParameter("d")); 
    return data ; 
  } 
}

4、創(chuàng)建啟動(dòng)app類：

package com.services; 
 
import org.springframework.boot.SpringApplication; 
import org.springframework.boot.autoconfigure.SpringBootApplication; 
 
@SpringBootApplication(scanBasePackages="com") 
public class App { 
   
  public static void main(String[] args) { 
    SpringApplication.run(App.class, args); 
     
  } 
}

5、前端調(diào)用：

<!DOCTYPE html> 
<html> 
<head> 
 
<title>jquery跨域?qū)嵗?lt;/title> 
<!-- jquery版本可以不是3.2.1版本的 --> 
<script type="text/javascript" src="jquery-3.2.1.js"></script> 
<script type="text/javascript"> 
  $(function() { 
        /* 這是快捷調(diào)用，callback 是advice中設(shè)置的，&#63;是保留參數(shù)， 
        jquery會(huì)替換掉這個(gè)問(wèn)號(hào) url可是不同于請(qǐng)求地址的任何url*/ 
    $.getJSON("/hello&#63;callback=&#63;", function(data) { 
      //$("#showcontent").text("Result:" + data) 
    });  
    /*使用ajax方法調(diào)用*/ 
    $.ajax({ 
      type : "get", 
      async : false, 
      url : "/hello", 
      dataType : "jsonp",//數(shù)據(jù)類型為jsonp  
      data:{a:"b",d:"c"}, 
      type:"POST", 
      jsonp : "callback",//服務(wù)端用于接收callback調(diào)用的function名的參數(shù)  
      success : function(data) { 
        $("#showcontent").text("Result:" + data.suc + " requestParam:" + data.param ) 
      },  
      error : function() { 
        alert('fail'); 
      } 
    }); 
  }) 
</script> 
</head> 
<body> 
  <div id="showcontent"></div> 
</body> 
</html>

服務(wù)器端也不一定要用spring 任何技術(shù)都可以，只要返回格式是下面的格式就可以，調(diào)用一個(gè)哈桑農(nóng)戶，出傳入一個(gè)json或者是字符串就可以了。

/**/test01({"suc":true,"msg":"save suc"});

直接訪問(wèn)返回?cái)?shù)據(jù)：

利用Spring jsonp如何在java項(xiàng)目中實(shí)現(xiàn)一個(gè)跨域請(qǐng)求

上述內(nèi)容就是利用Spring jsonp如何在java項(xiàng)目中實(shí)現(xiàn)一個(gè)跨域請(qǐng)求，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

分享題目：利用Springjsonp如何在java項(xiàng)目中實(shí)現(xiàn)一個(gè)跨域請(qǐng)求
文章路徑：http://bm7419.com/article12/geiegc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊(cè)、靜態(tài)網(wǎng)站、商城網(wǎng)站、建站公司、電子商務(wù)、手機(jī)網(wǎng)站建設(shè)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容