MVC提交Form表單(方法一)
Views
<script src="~/Contents/js/jquery-form.js"></script> <form class="form-horizontal" method="post" id="表單ID" name="表單name"> <div class="form-group"> <label class="col-sm-4 control-label">證件編號:</label> <div class="col-sm-7" id="comcode"> <input id="REG_DOC_SN" name="REG_DOC_SN" class="form-control" disabled type="text"> </div> </div> <div class="form-group"> <div class="col-sm-8 col-sm-offset-4"> <button class="btn btn-primary" type="submit" onclick="pkg_bene_add('#表單ID','/控制器/方法');">儲存</button> <button class="btn btn-danger" type="submit">重置</button> </div> </div> </form>
JavaScript
function pkg_bene_add(id, urlString) { var form = $(id); form.submit(function ()//提交表單 { var options = { beforeSubmit: function () { return true; }, url: urlString, //提交給哪個執行 type: 'POST', dataType: "json",//這裡是指控制器處理後返回的型別,這裡返回json格式。 success: function (context) { //這裡就是控制器返回的json裡的一項name. var data = eval(context); var fla = data[0].flag; if (fla == "true") { swal("提交成功", "請繼續接下來的資訊填寫!", "success"); clearF(id);//清空表單 } //else //{ // swal("無效提交", "資訊沒有任何更改", "error"); //} }, error: function (XMLResponse) { alert(XMLResponse.responseText); //這裡是錯誤處理,通過這個alert可以看到錯誤的資訊。對於你除錯來說是比較重要的哦。 } }; form.ajaxSubmit(options); return false; //為了不重新整理頁面,返回false }); }
Controllers
public JsonResult pkg_bene_add(FormCollection f) { pkg_bene.PKG_NAME = f["PKG_NAME"]; pkg_bene.SERV_NAME = f["QiTa_ERV_NAME"]; entities.PKG_BENE.Add(pkg_bene); entities.SaveChanges(); return Json("[{'flag':'true'}]"); }
YuXi-鈺璽部落格 同步更新 http://www.studenty.cn/
相關推薦
MVC提交Form表單(方法一)
Views <script src="~/Contents/js/jquery-form.js"></script> <form class="form-horizont
【js】Ajax提交form表單(ajaxSubmit使用講解 )
1 、引入依賴指令碼 <script type="text/javascript" src="/js/jquery/jquery.form.js"></script> /
Ajax應用serialize()提交Form表單及後端取值(Java)
<script type="text/javascript"> $(document).ready(function(){ $("#modifyForm").submit(function(e){ $("#submitButton").attr('disabled',"
Javascript實現ajax提交form表單到xml檔案(Javaweb)
(1)ajax實現非同步資料傳輸的原理: 當我們使用ajax技術通過頁面與伺服器交換資料的時候,web ui實際上是將請求交給了ajax引擎去處理。這樣就使得ajax引擎充當了中轉站的角
使用js提交form表單的兩種方法
提交form表單的時候瑤族一些簡單的驗證,驗證完後才能提交,避免無效提交。 1.當輸入使用者名稱和密碼為空的時候,需要判斷。這時候就用到了校驗使用者名稱和密碼,這個需要在前端頁面寫;有兩種方法,一種是用submit提交。一種是用button提交。方法一: 在jsp的前端頁面的
自定義submit()實現ajax提交form表單不重新整理跳轉
問題描述: 1.最近一直在為使用者資訊完善功能所困惑,想要實現:使用者提交資訊後不跳轉到acction()的服務端頁面,只要告訴提交成功即可。 2.論壇上大多ajax+json等方法/框架($ajaxform)都需要匯入包或者js檔案,本人新手 ,對於導
使用ajax提交form表單,包括ajax文件上傳 轉http://www.cnblogs.com/zhuxiaojie/p/4783939.html
ima option img jquery選擇器 open request resp logs ges 使用ajax提交form表單,包括ajax文件上傳 前言 使用ajax請求數據,很多人都會,比如說: $.post(path,{data:data},function
按下回車默認提交form表單問題
data method 新頁面 div 開發 multipart 一個 spl form表單 最近開發中碰到一個問題,項目中有幾個列表展示頁面,允許用戶通過查詢條件模糊查詢數據。用戶錄入關鍵字後點擊回車會調用查詢方法根據關鍵字查詢,原先功能沒有問題,但是最近發現在查詢輸入框
工作中如何使用ajax提交form表單,包括ajax文件上傳
msu 包括 需要 java tip ror 存儲 adf ucc 提供一種方法就是利用jquery.form.js,我們是和java對接的後臺。 代碼如下: <input type="text" id="text1"> <input type="text
提交form表單---修改密碼 ajax、jQuery
改密 func 表單 eset password servlet 驗證 確認密碼 密碼 <form id ="password" method="post"> <table > <tr> <td>原密碼:<
SSH框架的多表查詢和增刪查改 (方法一)上
ips 查詢 href ssh margin blank 麻煩 tle 指點 原創作品,允許轉載,轉載時請務必標明作者信息和聲明本文章==》 http://www.cnblogs.com/zhu520/p/7772823.html 因為最近在做Android 練習
三層+EasyUI+Ajax 提交Form表單
log src body 提交 easy orm img yui class 三層+EasyUI+Ajax 提交Form表單
使用ajax提交form表單,包括ajax文件上傳
開發者 使用 sub 決定 發現 cli 也會 pos pre 前言使用ajax請求數據,很多人都會,比如說:$.post(path,{data:data},function(data){ ...},"json");又或者是這樣的ajax$.ajax({
使用ajax提交form表單
使用FormData物件 FormData物件是html5的一個物件,目前的一些主流的瀏覽器都已經相容,非常的強大 FormData可以憑空建立一個物件,然後往這個物件裡面新增資料,然後直接提交,不需要寫一行html程式碼,如下: var form = new FormData(); form.appe
ajax提交form表單,H5的required屬性沒起作用
1、 ajax提交form表單,required屬性不起作用 錯誤程式碼如下 <form id="order"> <input type="text" name="name" required /> <input type="submit
Spring mvc與form表單/json資料的互動
ajax非同步提交請求常用的contentType有兩種:contentType:application/x-www-form-urlencoded contentType:application/json,如何使用springmvc處理請求資料呢? 首先,我們來看一下js物件的兩種
JQuery ajax提交form表單實現檔案上傳
<!DOCTYPE html> <html> <head> <title></title> <script src="https://cdn.bootcss.co
HTML:使用a標籤提交form表單
a標籤提交form表單 如果美工給的form表單提交使用了a標籤,這樣就無法獲取表單資料: <form method="post"> <input name="username" > <input type="password
ajax 提交form表單的 檔案上傳
搞檔案上傳,要麼使用 檔案上傳控制元件! 先非同步上傳之後獲取上傳之後的檔案內容,最後再把 檔案資訊和其他相關內容一起提交給後臺。 要麼就是一個 form表單 ,把檔案和其他資訊一把都傳向後臺! 但是form表單上傳之後, 往往都是會跳轉頁面的。 所以就想要 可以ajax 上傳檔案。 百度
ajax提交form表單問題
form表單提交資料可以省下大量大量獲取元素的程式碼,區域性重新整理時也可以用ajax提交form表單,但是要先把表單序列化,再把後臺javaBean物件序列化,但是你有可能前後臺都執行了系列化,但是後臺還是接受不到物件,會出現400錯誤,400錯誤為請求錯誤,很多時候是引數異常,表單序列化出現400錯誤,很