1. 程式人生 > >ajax 多個form表單合併傳輸資料(至後臺)

ajax 多個form表單合併傳輸資料(至後臺)

 有時候會碰到多個form表單提交的情況,這時候要怎麼做呢:

function initPage(table, url) {
    table.DataTable({
            "autoWidth": false,
            "ordering": false,
            "searching": false,
            "language": {
                "paginate": {
                    "previous": "上一頁",
                    "next": "下一頁",
                    "last": "末頁",
                    "first": "首頁"
                },
                "info": "顯示 _START_ 至 _END_ 條,共 _TOTAL_ 條",
                "infoEmpty": "",
                "lengthMenu": "每頁顯示 _MENU_ 條",
                "search": "搜尋(資源名稱)",
                "processing": "正在載入資料...",
                "emptyTable": "沒有資料"
            },
            "processing": true,
            "serverSide": true,
            "ajax": {
            "url":url,
            "type":"post",
            "dataSrc": "data",
            "data" : function(d){
            var param = {};//新建引數物件
                    param.start = d.start;//開始的序號
                    param.length = d.length;//要取的資料長度
                    param.value = d.search.value;//搜尋
                    var formData = $("#lj_searchForm").serializeArray();//把form裡面的資料序列化成陣列
                    formData.forEach(function (e) {
                    if(e.value != '00'){
                    param[e.name] = e.value;
                    }
                    });
                    var whereformData = $("#lj_whereSearchForm").serializeArray();//把form裡面的資料序列化成陣列
                    whereformData.forEach(function (e) {
                    if(e.value != '00'){
                    param[e.name] = e.value;
                    }
                    });


                    return param;//自定義需要傳遞的引數。
            }
            },
            "columns": [
                {data: 'level'},
                {data: 'message'},
                {
                data: 'millis',
            render : function(data, type, row) {
                if(data == null)
                return null;
                return parseDate(data);
                }
                },
                {
                data: 'source',
                render : function(data, type, row) {
                return data.lineNumber;
                }
                }
            ]
        });

}

或是合併一起提交:

$(a).serializeArray().concat($(b).serializeArray()

相關推薦

ajax form合併傳輸資料後臺

 有時候會碰到多個form表單提交的情況,這時候要怎麼做呢:function initPage(table, url) {    table.DataTable({            "autoWidth": false,            "ordering": f

js同時提交Form資料後臺的拼裝處理

-- 獲取序列化表單(demo1Form)元素JSON資料 var aa = $("#demo1Form").serializeArray(); -- 獲取序列化表單(demo2Form)元素JSON資料 var bb = $("#demo2Form").serialize

mip ajax jsonp 非同步請求 更載入 form提交

.mip-a-74{width:100%}.mip-div-96{text-indent:2em;height:10rem;overflow:hidden}.mip-section-251{margin:10px 12px 10px}.mip-img-256{width:100%;heigh

如何使用ajax 提交easyUI form

func 提示 cli str location 代碼 密碼錯誤 logs ons   HTML代碼: <form id="Login" method="post"> ... </form>   JS代碼如下: $(function(){

jqPaginator分頁ajax用法和form提交用法

用法 () var meta lang 點擊 parse name back 一般使用方法 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">

一個按鈕提交兩form,分別提交到兩action裡,第一個form資料丟失

--背景 在一個iframe開啟的窗口裡,有兩個需要提交的form,而且需要提交到不同的兩個action裡,正常操作下丟失第一個form的資料 --解決方法 在這兩個form下新增一個新的iframe標籤<iframe id = "這個id要與這個視窗的iframe的id不同"&g

pandas追加寫入excel---建立sheet

在寫入表格時候給自己挖了個坑,圖省事直接用to_excel(fileuri,sheetname)寫入,怎麼寫怎麼覆蓋  。後來隱約感覺到是自動關閉writer的鍋,改成writer讀寫後就好了。 writer = pd.ExcelWriter(filepath) compa

利用 ajax自定義Form的提交方式

需求場景:有時候單純的form表單無法向後端傳遞額外的引數 比如需要action傳遞js非同步生成的引數 ,form表單預設的action就無法滿足需求,這時就需要我們自定義form表單的提交方式。 html:(向後臺傳遞對任務的評論內容,預設缺點:不能攜帶任務id) 1 <

利用 ajax自定義Form的請求方式

異步 opened isp () oca 路徑 表單 fault orm 需求場景:有時候單純的form表單無法向後端傳遞額外的參數 比如需要action傳遞js異步生成的參數 ,form表單默認的action就無法滿足需求,這時就需要我們自定義form表單的提交方式。

jquery實現同時提交兩form

<script type="text/javascript" src="jquery-1.5.1.js"></script> <script type="text/javascript">             $(document)

ajax請求傳送form資料以及中文亂碼處理

將資料放在form表單中通過form.submit去提交資料是我們常用也很方便的請求方式,但是有時候我們需要不重新整理頁面去處理資料,這個時候就要用到ajax,並且查詢的資料存放在form表單中,有時

171202之ajax提交整個form(一)

簡介: ajax提交form表單在專案中經常用到,前臺無論是簡單的html、jsp或者使用了easyui框架,提交表單都會使用到ajax。 總的來說,ajax提交表單可以分為兩種,一種是無返回結果的,就是把表單資料提交給後臺,後臺處理完就完了;另一種就是返回

Javascript實現ajax提交form到xml檔案Javaweb

(1)ajax實現非同步資料傳輸的原理: 當我們使用ajax技術通過頁面與伺服器交換資料的時候,web ui實際上是將請求交給了ajax引擎去處理。這樣就使得ajax引擎充當了中轉站的角

ajax提交整個form

來源:http://blog.csdn.net/tolcf/article/details/41151195 在專案開發中,有時提交form表單時不能只使用action或者jQuery的 表單提交方法有三種,主要說下第三種 第一種:用 form 自帶屬性action 提交 第

序列化,jq中的serialize,ajax提交整個form,無需逐個拼寫json

</pre><pre name="code" class="html"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x

同一個頁面提交form單方法詳細

辦法1.同一個頁面中建立兩個表單 各自提交: <form action="?" name="form1" id="form1"> <!-- 表單內容 --> <in

ajax提交,form提交,onsubmit="return checksubmit()"提交驗證

Ajax提交的兩種方式: 一是url引數提交資料, 二是form提交(和平常一樣在後臺可以獲取到Form表單的值)。在所要提交的表單中,如果元素很多的話建議用第二種方式進行提交 一.Url引數提交資料 <script type="text/javascript"&g

form上傳域type="file"的使用----上傳文件

ctype 頁面 web sdi fff public exce res substr 一,單個文件的上傳 1.html/jsp頁面 <%@ page language="java" contentType="text/html; charset=UTF-8"

HTTP form提交數據enctype="multipart/form-data" method="post"的服務端處理

keyword -s detail put form表單 表單提交 class eth ron 參考鏈接:http://blog.csdn.net/u010018421/article/details/52833346 <form action="fileUpload

JavaWeb:Controller中獲取Form提交的資料的方式

Controller中獲取Form表單提交的資料的方式 新增HttpServletRequst型別入參,通過HttpServletRequst.getParameter()獲取請求資料 @RequestMapping(value="/user/save", meth