1. 程式人生 > >MVC提交Form表單(方法一)

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提交formajaxSubmit使用講解

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 mvcform/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錯誤,很