1. 程式人生 > >【SpringMVC】非同步傳送表單資料到JavaBean,並響應JSON文字返回(十七)

【SpringMVC】非同步傳送表單資料到JavaBean,並響應JSON文字返回(十七)

 

1) 提交表單後,將JavaBean資訊以JSON文字形式返回到瀏覽器

bean2json.jsp

<form>
編號:<input type="text" name="id" value="1"/><br/>
姓名:<input type="text" name="name" value="哈哈"/><br/>
薪水:<input type="text" name="sal" value="5000"/><br/>
<input type="button" value="非同步提交註冊"/>
</form>
<script type="text/javascript">
$(":button").click(function(){
var url = "${pageContext.request.contextPath}/user/add.action";
var sendData = {
"id":1,
"name":"哈哈",
"sal":5000
};
$.post(url,sendData,function(backData,textStatus,ajax){
alert(ajax.responseText);
});
});
</script>


    User.java

public class User {
private Integer id;
private String name;
private Double sal;
public User(){}
public Integer getId() {
return id;
}
public void setId(Integer id) {
this.id = id;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public Double getSal() {
return sal;
}
public void setSal(Double sal) {
this.sal = sal;
}
}

UserAction.java

@Controller
@RequestMapping(value="/user")
public class UserAction {
 
@RequestMapping(value="/add")
public @ResponseBody User add(User user) throws Exception{
System.out.println(user.getId()+":"+user.getName()+":"+user.getSal());
return user;
}
}

spring.xml

  <!-- Action控制器 -->
  <context:component-scan base-package="cn.itcast.javaee.springmvc.app25"/>  
 
 
  	  <!-- 配適器 -->
      <bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">
      	<property name="messageConverters">
      	   	<list>
      	<bean class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter"/>
      	   	</list>
      	</property>
      </bean>

 

相關推薦

SpringMVC非同步傳送資料到JavaBean響應JSON文字返回

  1) 提交表單後,將JavaBean資訊以JSON文字形式返回到瀏覽器 bean2json.jsp <form> 編號:<input type="text" name="id"

非同步傳送資料到JavaBean響應JSON文字返回

1)  提交表單後,將JavaBean資訊以JSON文字形式返回到瀏覽器 <form> 編號:<input type="text" name="id" value="1"/><br/> 姓名:<input type

異步發送單數據到JavaBean響應JSON文本返回

add resp url tex mvc button action ajax ada 1) 提交表單後,將JavaBean信息以JSON文本形式返回到瀏覽器 <form> 編號:<input type="text" name="

HTML為form增加確認彈框confirm

今天讓給一個頁面增加一個確認的彈框… 想參照其他的頁面,模仿著寫,結果後來模仿了好久..都不對勁..因為他們都是使用的button.. 而唯獨需要我操作增加確認彈框的,使用的form表單.. 在操作了多種複雜操作後,都一一失敗..最後看到了一個最簡單的,居然成功了.. 就是在inp

vuevee-validate 驗證詳解

Pre:安裝   npm install [email protected]   內建的校驗規則 after{target} - 比target要大的一個合法日期,格式(DD/MM/YYYY) alpha - 只包

Vue 進階教程之:Axios配置JWT/封裝外掛/傳送資料

小編推薦:Fundebug專注於JavaScript、微信小程式、微信小遊戲,Node.js和Java實時BUG監控。真的是一個很好用的bug監控費服務,眾多大佬公司都在使用。 尤雨溪之前在微博釋出訊息,不再繼續維護 vue-resource,並推薦大家開始使用 Axios,本文就

ajax原生JavaScript非同步提交資料

採用ajax非同步方式,通過js獲取form中所有input、select等元件的值,將這些值組成Json格式,通過非同步的方式與伺服器端進行互動, 一般將表單資料傳送給伺服器端,伺服器端處理資料並返

如何改變元素的外觀(for Webkit and IE10)

表單元素在網頁設計中使用的非常頻繁,如文字輸入框、單選框、複選框、選擇列表、上傳檔案,它們在瀏覽器中的展現有自帶的外觀,為了在視覺上取得更好的產品體驗,保持客戶端的統一,通常產品經理會提出需要改變它的外觀,使用自定義的,對於產品本身來說這樣的要求是加分項,開發在力所能及的範圍內應該大力支援。做H5移動開發,並

Python爬蟲之requests庫(三):傳送資料JSON資料

import requests 一、傳送表單資料 要傳送表單資料,只需要將一個字典傳遞給引數data payload = {'key1': 'value1', 'key2': 'value

vue 使用axios 傳送資料

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head><script src="j

axios非同步提交資料的不同形式

踩坑Axios提交form表單幾種格式 前後端分離的開發前後端, 前端使用的vue,後端的安全模組使用的SpringSecurity,使用postman測試後端的許可權介面時發現都正常,但是使用vue+axios傳送非同步的請求後端一直獲取不出axios提交的form表單的資料,爬坑兩個半鐘頭找到了答案 ax

servlet入門:前端操作結合資料庫實現資料庫部門資料改功能

第一個完整的web probject,值得記錄下來的一點心得; 還是老規矩,不囉嗦,直接上程式碼; 第一部分:建立一個web project ,匯入jar包,配置檔案等; 配置檔案部分: <?xml version="1.0" encoding="UTF

開源C#.NET股票歷史資料採集附18年曆史資料和原始碼

重點重點:我沒有買股票,沒有買股票,股市是個坑,小心割韭菜哦。 本文的初衷是資料分析(分析結果就不說了,就是想看看篩選點資料),只不過搞下來發現比我想象的要簡單多了。本文采集的資料是:2000年到2018年2月份,上證和深證交易所所有的上市股票交易資料,按天採集,不是小時哦,有興趣的朋友,可以稍微改

jsp的資料提交中文出現亂碼的處理

只需要在jsp里加 <%  request.setCharacterEncoding( "utf-8");%> <% response.setCharacterEncoding("u

c++c++中重載輸出操作符為什麽要返回引用

不返回 定義 類型 AS 標準 操作符 連續 新的 輸出 針對:ostream & operator <<(ostream & os, const ClassType &object) 說明幾點: 1.第一個形參為對ostream對象的引

git之窗線上問題如何拉取緊急分支

一、前提       通常使用git,都會在上線前把程式碼合併到master分支,在master上打好tag,由上線tag、回退tag確保上線正常。       例如:       上線tag: V

java實現Comparable介面和Comparator介面重寫compareTo方法和compare方法

實現Comparable介面和Comparator介面,並重寫compareTo方法和compare方法 2016年08月11日 14:39:25 蘇尹 閱讀數:10772更多 個人分類: 學習筆記 實體類:java.lang.Comparable(介面) + coma

零基礎Python3學習課後練習題

本文是跟著魚C論壇小甲魚零基礎學習Python3的視訊學習的,課後題也是跟隨每一課所附屬的題目來做的,根據自己的理解和標準答案記錄的筆記。 第十九課 測試題: 0.下邊程式會輸出什麼? def next():       print('我在next()函式裡.

hadoop1、MapReduce進行日誌分析排序統計結果

1.網上很多關於搭建Hadoop叢集的知識,這裡不多做敘述,並且本機執行Hadoop程式是不需要hdfs叢集的,我們本機執行只做個demo樣式,當真的需要執行大資料的時候,才需要真正的叢集 2.還有就是詞頻統計的知識,不論是官方文件,還是網上的知識,基本都能隨意百度個幾百篇出來 但是我找半天,確實是沒有找

整理css知識點實現審閱列表後一行消失另一行補上的純css

問題1:解決給表格增加動畫後不破壞佈局問題 解決:表格display是table-cell,所以設定block即可 問題2:當表格一行被刪除,下一行自動補上 問題2補充(table下tr th,table的display是table-cell,tr的display是ta