js控制form提交

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

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

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

form標(biāo)簽 定義和用法 詳細(xì)了解請點擊

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

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

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

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

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

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

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

 <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 是因為我不想再頁面上看到他所以讓他隱藏了
    
    

        
  • 
            1
        
    • 

        
  • 
            2
        
    • 

        
  • 
            3
        
    • 

        
  • 
            4
        
    • 

        
  • 
            5
        
    • 

        
  • 
            6
        
    •

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

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


分享本文至：

日歷

鏈接

個人資料

存檔