js控制form提交

2018-8-1    seo達(dá)人

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

form表單提交，之前有個(gè)下載的項(xiàng)目接口，需要上url上邊傳超級(jí)多東西，但是 url是限制長(zhǎng)度的 每個(gè)瀏覽器限制的url長(zhǎng)度還不一樣，所以就想到用form表單的action提交表單。

form標(biāo)簽 定義和用法 詳細(xì)了解請(qǐng)點(diǎn)擊

標(biāo)簽用于為用戶輸入創(chuàng)建 HTML 表單。

表單能夠包含 input 元素，比如文本字段、復(fù)選框、單選框、提交按鈕等等。

表單還可以包含 menus、textarea、fieldset、legend 和 label 元素。

表單用于向服務(wù)器傳輸數(shù)據(jù)。（我們要用到的）

form提交數(shù)據(jù)用法

在這里我就寫個(gè)用js調(diào)用事件提交表單。表單不在頁(yè)面上顯示的例子。

下面這段代碼 form標(biāo)簽的屬性 method 就是請(qǐng)求方法 跟 jquery的ajax一樣這里我使用post請(qǐng)求、 form標(biāo)簽的屬性 enctype 規(guī)定發(fā)送表單數(shù)據(jù)之前如何對(duì)其進(jìn)行編碼、form標(biāo)簽的屬性 target=”_blank” 就相當(dāng)于在新頁(yè)面打開 我這里做的是下載 所以要在新頁(yè)面打開。 

 <form method="post" enctype="application/x-www-form-urlencoded" id="form-submit" target="_blank">
   <input type="hidden" name="account" value="多毛大叔愛蘿莉"/>
   <input type="hidden" name="password" value="7758521"/>
</form>
<button type="button" id="go">go</button> //這里的name就是相當(dāng)于post屬性的參數(shù) value就是你傳的值 type是hidden 是因?yàn)槲也幌朐夙?yè)面上看到他所以讓他隱藏了
    
    

        
  • 
            1
        
    • 

        
  • 
            2
        
    • 

        
  • 
            3
        
    • 

        
  • 
            4
        
    • 

        
  • 
            5
        
    • 

        
  • 
            6
        
    •

接下來我們用js調(diào)用事件 動(dòng)態(tài)給 form 添加 action 屬性讓form知道我們要讓他請(qǐng)求拿個(gè)位置。 

// js 獲取form表單 var form_submit = document.getElementById('form-submit'); // js獲取按鈕 var go = document.getElementById('go'); // 當(dāng)點(diǎn)擊go時(shí)執(zhí)行事件 go.addEventListener（'click',function(){ // 動(dòng)態(tài)給form表單設(shè)置請(qǐng)求位置 form_submit.active = "http://www.daxuehua.cn"; // 讓form表單提交 form_submit.submit()
}）
藍(lán)藍(lán)設(shè)計(jì)( bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。


分享本文至：

日歷

鏈接

個(gè)人資料

存檔