1. 程式人生 > >extjs4.2.0表單資料提交

extjs4.2.0表單資料提交

前臺:

// 重置 和 儲存 按鈕.
           buttons: [{
               text: '重置',
               handler: function() {
                   this.up('form').getForm().reset();
               }
           }, {
               text: '儲存',
               /*formBind: true, //only enabled once the form is valid
               disabled: false,*/
               handler: function() {
               console.log("點選儲存");
               var formData = Ext
.getCmp("msgBasicMsg")
.getForm()
.getValues();
               console.log("表單資料:" + Ext.encode(formData));
               Ext.getCmp("msgBasicMsg").getForm().submit({
url : 'insertMsg.action?msgBean=' + formData,
//等待時顯示 等待  
waitTitle : '請稍等...',
waitMsg : '正在提交資訊...',
params : {
msgBean:Ext.encode(formData)


},
success : function(fp, o) {
if (o.result == true) {
Ext.MessageBox.alert("資訊提示", "儲存成功!");
syswin.close(); //關閉視窗  
} else {
//msg('資訊提示', '新增時出現異常!');
}
},
failure : function() {
msg('資訊提示', '新增失敗!');
}
});
               }
           }]

後臺:

@RequestMapping("/insertMsg")
@ResponseBody
public String insertMsg(MsgBean msgBean,HttpServletResponse response,HttpServletRequest request){
System.out.println("request===="+request.getParameter("msgBean").toString());
System.out.println("msgBean===="+msgBean.toString());
return null;
}

註解:

整個表單傳遞,和後臺的bean類對映,重要的是這一句:Ext.encode(formData)

相關推薦

extjs4.2.0資料提交

前臺: // 重置 和 儲存 按鈕.            buttons: [{                text: '重置',                handler: function() {                    this.up('for

小程式開發----資料提交及編輯回顯資料(特別值得看,超詳細)

近些天,我在寫表單資料提交及回顯問題,中間遇到了很多坑,經過看文件,各種百度,從而一一解決。 表單中包括的東西特別多,從API可以看得出來,小程式API中的表單有:input/button/picker/label等,我主要用到了input/button/picker,其中在picker問題的

(crm筆記2-4)資料刪除後的頁面跳轉問題

表單資料刪除後的頁面跳轉問題 1、如何刪除資料       增刪改查四大操作中的刪除也和其他操作類似,下面看一下思路: 1)首先找到jsp頁面中的點選事件,更改事件為 sysUserGroupAc

資料提交方式,及後臺獲取資料方式

這個和servlet容器有關係,比如tomcat等。 1.get方式 get方式提交的話,表單項都儲存在http header中,格式是 http://localhost:8080/hello.do?name1=value1&name2=value2這樣的字串。se

解決form資料提交不到servlet中去的問題

servlet用的baseservlet繼承,反射獲取url地址中的method的地址 @WebServlet("/orders") public class OrderServlet extends BaseServlet{ // 3.增加配送通知單

微信小程式(十九)——資料提交和小程式賦值(組裝資料

前端表單程式碼.wxml: <form > <view class='form-box'> <view class='form-item'>

資料提交後,資料庫記錄顯示為問號的解決

一、MyEclipse下編碼的設定 1、window -> Preferences -> general -> Workspace -> Text file encoding(工作區的編碼設定) 選擇Other,將編碼改變為UTF-8。 2、window -> Pref

Web應用環境下不同頁面之間的傳值(本文暫時只討論 form資料提交

這是我個人在嘗試的多種頁面傳值後選擇的一個form表單傳值的需求。 一、需求背景: 本次開發遇到的是一個H5頁面分別為3個層次頁面,頁面A為資料輸出頁面,頁面B為資料確認頁面,頁面C為注意事項確認及最終確認申請頁面。 二、流程分析: 本人比較笨,所以直接用ProcessOn

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

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

解決ssm專案資料提交到資料庫亂碼問題

問題:在ssm整合的專案裡,從前臺頁面獲取表單資料存到資料庫中亂碼 先說解決辦法然後分析:問題出在form表單的提交方式上,我的web.xml配置過濾器都已經指定了編碼集,為什麼沒有生效?原因是,對於在web.xml中配置的過濾器指定編碼集只是對錶單的post提交方式有效,

Atitit 面試技術點最小化問題法總結 目錄 1. Web 前端 1 1.1. Jq 常用操作哪些?? 1 1.2. 查詢後如何繫結後端資料到表格 2 1.3. 提交後怎麼接受資料 2 2.

Atitit 面試技術點最小化問題法總結     目錄 1. Web 前端 1 1.1. Jq 常用操作哪些?? 1 1.2. 查詢後如何繫結後端資料到表格 2 1.3. 提交後怎麼接受表單資料 2 2. Mvc Springmvc 2 2.1

1、Jquery formajax提交 2、jquery.filter校驗多個相同型別的文字框是否輸入資料有重複

JSP引用該JS <script type="text/javascript" src="http://malsup.github.com/jquery.form.js"></script> 表單儲存按鈕 onclick=save(); func

tp3.2 ajax 提交

splay fig 位數 表單 cat 手機號 submit tp3.2 fonts 前臺: 1 <form action="javascript:;" method="post" class="form_div" id="tj"> 2 3

php對前臺提交資料做安全處理(防SQL注入和XSS攻擊等)

/** * 防sql注入字串轉義 * @param $content 要轉義內容 * @return array|string */ public static function escapeString($content) { $pa

ajax提交資料不跳轉

1.onsubmit form表單的onsubmit方法在submit執行之前提交表單 <script type="text/javascript"> function sub() { // jquery 表單提交 $("#formI

ajax方式提交資料並判斷當前註冊使用者是否存在

專案的目錄結構 原始碼: regservlet.java package register; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; imp

JS:AJAX提交資料

方法一、前臺通過物件傳遞引數,後臺通過物件的屬性獲取值 jsp程式碼: $.ajax({ type: "POST", url:"/manage/admin/addOrUpdate", data:{

formajax提交json資料

前端頁面: <form id="userInfo" > <div class="weui-cell"> <div class="weui-cell__hd"><label class="weui-lab

解決GET提交後臺資料亂碼問題

    ​在頁面上提交資料到server有兩種方式“GET”和“POST”,當使用“GET”時,傳輸的資料是直接拼接在URL後面的。當資料中含有對HTML來說不安全的字元比如中文時,就會被編碼,一般採用的是UTF-8編碼。這時URL已經被轉義成相對安全的字串。

vue資料互動提交演示

@[TOC] 歡迎來到 vue-form 表單提交演示間, 你有更好的建議,請告知樓主額! 1. 客戶端 html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"