2. 程式人生 > >SpringMVC 前端接收ResponseBody資料例子

SpringMVC 前端接收ResponseBody資料例子

阿新 • • 發佈：2018-11-19

在SpringMVC中，如要後臺返回物件或json資料而不進行頁面的跳轉則需要在後臺處理方法上新增@ResponseBody註釋，若處理類中的所有方法都是返回資料而不進行頁面的跳轉處理則為處理類新增@RestController註解即可省去為每個處理方法新增@ResponseBody的麻煩，而沒有@RequestMapping註解的普通方法不會受到影響。

後臺處理類（由於該文主要是寫前端與SpringMVC後臺的互動，所以資料服務層則不多講，框架用的是SSM，之前也發過這套框架的集合例子）：

第二個方法是為了驗證沒有RequestMapping該方法不會以@ResponseBody註解方法處理

前端responseBodyTest.html(由於個人隱私原因賬號和一些資料將無法顯示給大家)：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="src/js/jquery-1.8.3.js"></script>
<script type="text/javascript">
	$(function(){
		$("#btn").click(function(){
			$.ajax({
				url:"company/
 
[email protected].com",
				type: "GET",
				success:function(data,status){
					var content = "";
					$.each(data,function(selector, context) {
						content = content + selector + ":" +　context + "<br>";
					})
					$("#content").prepend(content);
				},
				error:function(XMLHttpRequest, textStatus,
						errorThrown){
						alert("請求失敗1");
				}
			})
		})
		$.ajax({
				url:"company/",
				type: "GET",
				success:function(data,status){
					alert("success");
				},
				error:function(XMLHttpRequest, textStatus,
						errorThrown){
						alert("請求失敗2");
				}
		})
	})
</script>
</head>
<body>
	<button id="btn">click</button><br>
	<div id="content"></div>
</body>
 

</html>
當進入或重新整理responseBodyTest頁面時，CompanyRestController將會接收到前端company/的ajax請求，但此時jetty並沒有返回任何資料到控制檯中，說明無@RequestMapping註解的方法將不會以@ResponseBody作為註解方法處理，前端彈出success對話方塊表示回撥成功。（效果圖如下）

當點選click按鈕將傳送username資料到後臺處理，後臺處理方法將在伺服器(個人用的是jetty，tomcat也一樣)控制檯顯示getByUsername並從資料庫查詢username為前端傳送過來的賬號並返回對應的封裝物件，再在id="content"的div區域進行遍歷顯示。（效果圖如下）

該例子是個人打算應用到畢設中的一個知識點的嘗試例子，同時也記錄分享一下


相關推薦

SpringMVC 前端接收ResponseBody資料例子

在SpringMVC中，如要後臺返回物件或json資料而不進行頁面的跳轉則需要在後臺處理方法上新增@ResponseBody註釋，若處理類中的所有方法都是返回資料而不進行頁面的跳轉處理則為處理類新增@RestController註解即可省去為每個處理方法新增@ResponseBody的麻煩，而沒

SpringMVC作為Controller向前端傳遞JSON資料，前端用Extjs接收

由於專案需求，前端使用Extjs的treePanel元件做選單，一個與後臺互動的樹形選單需要三個重要的元件： 1、model:model作為資料來源，是將後臺傳過來的json資料與前端統一。 例如：後臺獲取到一組物件集合List< User >，

springmvc接收json資料的4種方式

ajax我經常用到，傳的資料是json資料，json資料又有物件，陣列。所有總結下springmvc獲取前端傳來的json資料方式： 1、以RequestParam接收 前端傳來的是json資料不多時：[id:id],可以直接用@RequestParam來獲取值 @Autowired p

SpringMVC中controller接收Json資料

1.jsp頁面傳送ajax的post請求： function postJson(){ var json = {“username” : “imp”, “password” : “123456”}; $.ajax({ type : “post”, url : “<%=bas

前端接收資料流實現圖片預覽效果--ajax 請求二進位制流 圖片 檔案 XMLHttpRequest 請求並處理二進位制流資料 之最佳實踐

本文為轉載文章 原文連結：https://www.cnblogs.com/cdemo/p/5225848.html 首先要謝謝這位大神的無私貢獻！解決了我的問題也完美表達了我當時的心路歷程 ajax 請求二進位制流 圖片 檔案 XMLHttpRequest 請求並處理二進位制流資料 之最佳實踐

實體類接收不到前端傳遞的資料

如果是檔案上傳頁面，前端的檔案頭設定了 enctype="multipart/form-data" 那麼必須在spring配置檔案裡配置 <!--檔案上傳--> <bean id="multipartResolver" class="org.springframewo

SpringMVC中controller接收Json資料（重要）！

SpringMVC中controller接收Json資料 1.jsp頁面傳送ajax的post請求： function postJson(){ var json = {"username" : "imp", "password" : "123456"};

jsp頁面接收後臺資料，在前端為checkbox打勾選中的方法

可以將從後臺資料庫中查詢中的許可權以List或陣列的形式進行封裝後，在前端使用jQuery的each方法遍歷所有其值符合陣列中元素的checkbox，並將其屬性設定為checked。 前端程式碼如下： $(function(){   var module_ids =

@RequestBody和@ResponseBody的簡單使用接收JSON（接收json資料）

1、想要使用@RequestBody和@ResponseBody呢必須要使用註解的介面卡和對映器，至於為什麼應該不用多說。 在springMVC中進行配置： <!-- 使用註解的對映器和介面卡 --><mvc:annotation-driven/&g

SpringMVC後臺接收前臺傳來資料的三種簡單方式

由於最近專案用到了SpringMVC，就稍微研究了一下，以前都是用struts2，在struts2中，jsp頁面給form表單中的元素定義name屬性，然後在action中定義相同名稱的變數，提供get()和set()方法，就會將這些變數封裝到struts2中的值棧中，從而

SpringMVC引數值的傳遞（引數接收，陣列接收，模型接收，多個模型接收以及資料回顯，批量操作）

引數接收 陣列接收 模型接收 多個模型接收 當我們一個頁面中包含多個表單，提交到不同的控制器方法時。我們使用模型進行引數接收時可將模型都封裝到bean類中，資料回顯時可直接bean.模型

SpringMVC Bean接收POST傳送的JSON資料

表單統一提交時，會把表單中每個欄位都會傳到後臺。但是如果，欄位很多，那麼在controller中需要將這些必要的引數一一定義，很麻煩。而如果在前臺將資料組裝成json格式，使用實體接收，會方便很多。 SpringMVC controller中以Bean的形

SpringMVC @RequestBody接收Json物件字串 例子

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script src="https://code.jq

Springmvc前端傳值到後臺 對應實體類接收

繫結陣列每個商品前有一個checkbok，選中多個商品後點擊刪除按鈕把商品id傳遞給Controller。jsp頁面<c:forEach items="${itemList }"var="item"> <tr>     <td><in

SpringMVC接收json資料中的一些問題（415錯誤的解決）

最近在使用SpringMVC的時候遇到了一些問題，記錄下來以便以後回顧。 1. 415（Unsupported Media Type）錯誤 出現這個問題的情況有： （1）在呼叫介面的時候沒有在Head

springMVC Controller接收 多物件的json資料

第一種方法，用包裝類封裝物件實體類物件public class User { private int id; private String userName; private String realName; public int getI

使用 springmvc 後端列印資料正常，返回到前端的 json 資料出現亂碼。

解決方法： 在 後臺對應方法上面的註解 @RequestMapping中，加入屬性： produces = “text/plain;charset=utf-8” 比如： @RequestMapping(value="/{foodId}",produce

SpringMVC的介面，接收json資料返回json資料並且解析為List物件集合

請求引數實體類 package com.lifuyi.entity; /** * 請求引數**重點內容** */ public class RequestPram { //訂單號 private String orderNum;

springMVC介面接受前端傳遞引數資料型別總結

最近專案中處理前臺資料時突然發現比較模糊這些概念，所以總結如下： 目錄 三、總結 一、springMVC中controller引數是自動注入 在springMVC中，controller中方法的引數是自動注入的，在使用註解的方式下，通常有：   

springmvc Controller接收前端引數的幾種方式總結

  (1) 普通方式-請求引數名和Controller方法的引數一致   1 @Controller 2 @RequestMapping("/param") 3 public class TestParamController { 4 private static fin