1. 程式人生 > >post提交與get提交的表格匯出方式(IE,Edge,chrome)

post提交與get提交的表格匯出方式(IE,Edge,chrome)

post提交個人認為比提交好,post可以提交的資訊量,雖然現在很流行使用chrome,但是,一些特定的企業,他們喜歡使用IE,這對程式設計師來說無疑又增加了一道門檻

  1. 首先,get請求,大量的資訊提交會被擷取,匯出資訊錯誤。
  2. 這裡順便提一下個人的經驗,IE提交可以不需要的編碼,但是chrome不行。
  3. 先上程式碼,之後再做解析
var form = $("<form/>");
        var query=null;
        query = [
        {data:"type",name:"型別"},
        {data:"name",name:"名字"
}, {data:"date",name:"日期"}, {data:"age",name:"年齡"},] var data_C= [ {name:"method",data:"exportActivitiesToExcel"}, {name:"core",data:"activity"}, {name:"url",data:window.location.host + window.location.pathname + window.location.search}, {name:"sort"
,data:this.sort}, {name:"query",data:JSON.stringify(this.MYquery)} ]; var input = document.createElement("input"); input.type = "hidden"; input.name ="columns"; input.value = JSON.stringify(query); form.append(input); for
(var i in data_C){ var input = document.createElement("input"); input.type = "hidden"; input.name = data_C[i].name; input.value = data_C[i].data; form.append(input); } form.attr({ 'style': 'display:none', 'method': 'post', 'target': '_blank', 'action':$.constantqueryserver }); form.appendTo('body').submit().remove();

4.程式碼的組成很簡單,就是建立一個虛擬的form表單,通過post提交的方式提交到後臺,然後再清除這個表單。
query一看就是匯出的標題列
data_C使我們要查詢的資料的引數,例如,我們有的要排序,或者根據不同的要求匯出,把需要的引數對應寫到data_C裡面就可以(這裡注意一點,和後臺溝通好,看看他獲取的是什麼方式
建立一個input,把name和data迴圈給input,一條就是這樣

<input name="名字" value="name">

結束後把所有的input新增給form,給form攝者屬性隱藏,提交的post,action是提交的地址,

form.appendTo('body').submit().remove();

這段程式碼,就是把form新增到新增到body裡提交後再把它移除。
我們的post提交這樣就完成了。

get請求

get請求其實更簡單的了,直接把引數寫到地址的後面,這樣就是個get請求了

   var form = $("<form/>"), 
   action = $.constant.queryserver + "?" + encodeURI(query);  
        form.attr({
            'style': 'display:none',
            'method': 'post',
            'target': '_blank',
            'action': action
        });  
        form.appendTo('body').submit().remove();

兩種方式的匯出就完成了。

相關推薦

post提交get提交表格匯出方式IE,Edge,chrome

post提交個人認為比提交好,post可以提交的資訊量,雖然現在很流行使用chrome,但是,一些特定的企業,他們喜歡使用IE,這對程式設計師來說無疑又增加了一道門檻 首先,get請求,大量的資訊提交會被擷取,匯出資訊錯誤。 這裡順便提一下個人的經驗,IE提

Post提交Get提交的區別

顯示 改變 color 多個 自身 height 數據 action 協議 表單提交中get和post的區別 1. get: 把表單內各個字段均顯示在URL中。 post:把表單內各個字段和內容放在html的header內一起傳遞給action所指的url,用戶看不

ajax的post提交get提交實現前後端互動

(一)json格式(兩種) 物件格式:{"key1":obj,"key2":obj,"key3":obj...} 陣列/集合格式:[obj,obj,obj...] (二)json格式書寫練習 (1) <!DOCTYPE HTML PUBLIC "-/

jquery-$.ajax提交$.get獲取資料

兩種常用到的資料互動方式,記錄一下避免忘記 $.ajax提交資料 $.ajax({ type : 'post',  //資料提交請求方式也可以使用get url : newUrl,  //資料提交地址

Volley的GetPost方式JsonObjectRequest、StringRequest以及Volley獲取圖片的3種方式

volley use utf-8 設置 ica static toast 隊列 getheight activity_main.xml 裏面什麽也沒有 AndroidManifest.xml(重點是android:name="com.example.vo

ajax Form提交Payload提交

不可 技術 t對象 ajax 數據類型 url 提交 解析 func 後端處理前端提交的數據時,既可以使用Form解析,也可以使用JSON解析Payload字符串。 Form解析可以直接從Request對象中獲取請求參數,這樣對象轉換與處理相對容易,但在大片JSON數據需

form表單提交ajax提交的區別

原文地址:https://blog.csdn.net/yao302789/article/details/50954902 Ajax提交是通過js來提交請求,請求與響應均由js引擎來處理,頁面不會重新整理,用 戶感覺不到實際上瀏覽器發出了請求。比如說我們希望網頁總是顯示最新的新聞, 而又不想老是

Oracle備份方式主要分三種:資料泵匯出備份oracle10g開始推出、熱備份冷備份

oracle資料泵備份(Expdp命令)   Oracle備份方式主要分為資料泵匯出備份、熱備份與冷備份三種,今天首先來實踐一下資料泵備份與還原。資料泵匯出/匯入屬於邏輯備份,熱備份與冷備份都屬於物理備份。oracle10g開始推出了資料泵(expdp/impdp),可以使用並行引數選項,因此,

AJAX提交FORM提交的區別

 Ajax提交是通過js來提交請求,請求與響應均由js引擎來處理,頁面不會重新整理,使用者感覺不到實際上瀏覽器發出了請求。比如說我們希望網頁總是顯示最新的新聞,而又不想老是去點重新整理按鈕,我們就可以用Ajax機制來實現。網上的客服軟體也是ajax請求的一個比較好的案例

$.ajax使用總結(一):Form提交Payload提交

後端處理前端提交的資料時,既可以使用Form解析,也可以使用JSON解析Payload字串。 Form解析可以直接從Request物件中獲取請求引數,這樣物件轉換與處理相對容易,但在大片JSON資料需要提交時,可能會出現大量的資料拆分與處理工作,另外針對集合型

Thymeleaf的普通表單提交AJAX提交

為Java實體物件新增後臺校驗註解: //String型別的校驗: @NotEmpty -- 不能為空 max=16 -- 最大長度為16 @NotEmpty(message = "songName不能為空") @Size(ma

Android使用HttpClient以PostGet請求伺服器傳送資料的方式普通和json

HttpParams params = new BasicHttpParams();//建立一個引數物件,用來儲存設定的各個引數 HttpProtocolParams.setContentCharset(params, "UTF-8");// 設定訊息所用的字符集 HttpProtocolParams.s

ajax使用(一)Form提交Payload提交

後端處理前端提交的資料時,既可以使用Form解析,也可以使用JSON解析Payload字串。 Form解析可以直接從Request物件中獲取請求引數,這樣物件轉換與處理相對容易,但在大片JSON資料需要提交時,可能會出現大量的資料拆分與處理工作,另外針對集合型別的處理,也是其比較孱弱的地方。 而

關於form表單提交ajax提交的區別

 1.    為什麼用AJAX?    使用AJAX,使用者對Web的體驗會更“敏捷”:資料提交頁面不會閃屏;頁面區域性    更新速度快;網路頻寬佔用低。  2.    AJAX開發相較傳統模式的簡單之處:    傳統模式下,表單提交則整個頁面重繪,為了維持頁面使用者對錶單的狀態改     變,要多些不少

Http協議請求, Post請求Get請求的區別,Base64和URL編碼,md5,sha-1加密,對稱和非對稱加密,支付寶微信第三方支付

Http協議與請求 Post請求 Post請求與Get請求的區別 Get請求的引數是直接放在url後面的,而Post請求是放在請求體中的 Get請求引數的長度會根據瀏覽器的不同實現有一定限制,而Post請求引數長度沒有限制

form表單提交 ajax提交的區別

1、使用場景: 安全性都一樣,都是傳送的http協議。安全性與提交檔案的業務處理(格式檢測,防注入)有關,與提交方式無關。 一般登入用表單提交,點選提交觸發submit事件,一般會 使頁面發生跳轉,頁面的跳轉等行為的控制往往在後端,後端控制頁面的跳轉及資料的傳遞

Python 下位機交流字串轉化方式大小端模式

1、說在前面的話    博主這個篇部落格想要說明的是,一個將整數型別轉化成一個可用於傳輸的16進位制字串流的形式 2、具體方法   方法一: 採用python中自帶的  hex() 函式,這個函式用於簡單的轉換可以,但是用用於轉換負數的時候,就不在是我們希望的能夠按照補

訊號槽連線方式同步和非同步

事先宣告:此篇部落格非完全原創 一. 同步 synchronous.h #ifndef SYNC_H #define SYNC_H #include <QObject> #include <QDebug> class MyT

程式設計師架構師的差別之文件的思維方式老開發感悟

最近帶一個畢業生,他讓我對文件的撰寫有了一些新的領悟,跟以前的結合起來一起說一下: 首先,我個人在寫文件方面有2個特點:簡潔,清晰 簡潔:能用一句話說清楚的絕不用第二句,用最簡單的句子 清晰:結構清晰,讓人一目瞭然;邏輯清晰,儘量減少讀者的理解成本;重點清晰。 對內的文件 對

【工作筆記0023】修改已提交的 git comments 的作者資訊Changing author info

最近想把本地的程式碼庫上傳到github上,結果上傳完畢後才發現作者莫名其妙變成了其他人 追究原因,發現我用的 smartgit 工具,當初在配置 Comment 資訊時,填寫了正確的 username,但卻隨便填寫了一個 useremail為“[email p