九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区

打開APP
userphoto
未登錄

開通VIP,暢享免費電子書等14項超值服

開通VIP
6種form表單提交方式

form表單提交方式

無刷新頁面提交表單

表單可實現(xiàn)無刷新頁面提交,無需頁面跳轉(zhuǎn),如下,通過一個隱藏的iframe實現(xiàn),form表單的target設置為iframe的name名稱,
form提交目標位當前頁面iframe則不會刷新頁面

<form action="/url.do" method="post" target="targetIfr"><input type="text" name="name"/></form>   <iframe name="targetIfr" style="display:none"></iframe>               

通過type=submit提交

一般表單提交通過type=submit實現(xiàn),input type="submit",瀏覽器顯示為button按鈕,通過點擊這個按鈕提交表單數(shù)據(jù)跳轉(zhuǎn)到/url.do

<form action="/url.do" method="post">   <input type="text" name="name"/>   <input type="submit" value="提交"></form>              

js提交form表單

js事件觸發(fā)表單提交,通過button、鏈接等觸發(fā)事件,js調(diào)用submit()方法提交表單數(shù)據(jù),jquery通過submit()方法

<form id="form" action="/url.do" method="post">   <input type="text" name="name"/></form>              

js: document.getElementById("form").submit();
jquery: $("#form").submit();

ajax異步提交表單數(shù)據(jù)

采用ajax異步方式,通過js獲取form中所有input、select等組件的值,將這些值組成Json格式,通過異步的方式與服務器端進行交互,
一般將表單數(shù)據(jù)傳送給服務器端,服務器端處理數(shù)據(jù)并返回結果信息等

<form id="form"  method="post">   <input type="text" name="name" id="name"/></form>  var params = {"name", $("#name").val()} $.ajax({      type: "POST",      url: "/url.do",      data: params,      dataType : "json",      success: function(respMsg){      }   });              

頁面無跳轉(zhuǎn)

如果通過form表單提交請求服務端去下載文件,這時當前頁面不會發(fā)生跳轉(zhuǎn),服務端返回void,通過response 去寫文件數(shù)據(jù),
頁面會顯示下載文件。

<form action="/url.do" method="post">   <input type="text" name="name"/>   <input type="submit" value="提交"></form>@RequestMapping(value = "/url")    public void exportFile(HttpServletRequest req, HttpServletResponse response, String rptId)            throws Exception {        OutputStream out = null;        try {            String rptName = "file";            String fileName = new String((rptName + excelAble.getFileSuffix()).getBytes("GBK"),                    "8859_1");            response.reset();            response.setContentType("application/octec-stream");            response.setHeader("Content-disposition", "attachment; filename=" + fileName);            out = response.getOutputStream();            excelAble.exportFile(out);        } catch (Exception e) {            logger.error(e);        } finally {            if (out != null) {                out.close();            }        }    }              

form表單上傳文件

使用form表單進行上傳文件需要為form添加enctype="multipart/form-data" 屬性,除此之外還需要將表單的提交方法改成post,
如下 method="post", input type的類型需要設置為file

 <form action="/url.do" enctype="multipart/form-data" method="post">     <input type="file" name="name"/>     <input type="submit" value="提交">   </form>              
本站僅提供存儲服務,所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權內(nèi)容,請點擊舉報。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
從建站到拿站
通過jQuery提交表單并阻止表單的默認提交
PHP如何將表單提交給自己
form表單中的input type=“submit”
[轉(zhuǎn)載]幾種表單提交方法的總結及get與post的區(qū)別
一個表單form、submit提交到多個不同頁面
更多類似文章 >>
生活服務
熱點新聞
分享 收藏 導長圖 關注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權!
如果VIP功能使用有故障,
可點擊這里聯(lián)系客服!

聯(lián)系客服