原生js實(shí)現(xiàn)獲取form表單數(shù)據(jù)代碼實(shí)例
本文實(shí)例為大家分享了原生js實(shí)現(xiàn)獲取form表單數(shù)據(jù)的具體代碼,供大家參考,具體內(nèi)容如下
//獲取指定form中的所有的<input>對(duì)象 function getElements(formId) { var form = document.getElementById(formId); var elements = new Array(); var tagElements = form.getElementsByTagName('input'); for (var j = 0; j < tagElements.length; j++){ elements.push(tagElements[j]); } var tagElements = form.getElementsByTagName('select'); for (var j = 0; j < tagElements.length; j++){ elements.push(tagElements[j]); } var tagElements = form.getElementsByTagName('textarea'); for (var j = 0; j < tagElements.length; j++){ elements.push(tagElements[j]); } return elements; } //組合URL function serializeElement(element) { var method = element.tagName.toLowerCase(); var parameter; if(method == 'select'){ parameter = [element.name, element.value]; } switch (element.type.toLowerCase()) { case 'submit': case 'hidden': case 'password': case 'text': case 'date': case 'textarea': parameter = [element.name, element.value]; break; case 'checkbox': case 'radio': if (element.checked){ parameter = [element.name, element.value]; } break; } if (parameter) { var key = encodeURIComponent(parameter[0]); if (key.length == 0) return; if (parameter[1].constructor != Array) parameter[1] = [parameter[1]]; var values = parameter[1]; var results = []; for (var i = 0; i < values.length; i++) { results.push(key + '=' + encodeURIComponent(values[i])); } return results.join('&'); } } //調(diào)用方法 function serializeForm(formId) { var elements = getElements(formId); var queryComponents = new Array(); for (var i = 0; i < elements.length; i++) { var queryComponent = serializeElement(elements[i]); if (queryComponent) { queryComponents.push(queryComponent); } } return queryComponents.join('&'); }
最后通過serializeForm(formId);輸入form的id名稱即可實(shí)現(xiàn),返回?cái)?shù)據(jù)為
id=1&title=%E6%B4%BB%E5%8A%A8&time=2017-07-10&status=1&importance=0&desc=%E5%9C%A8%E4%BA%8C%E6%A5%BC%E5%8A%9E%E5%85%AC%E5%AE%A4%E5%BC%80%E4%BC%9A%EF%BC%8C%E4%B8%80%E7%82%B9%E9%92%9F
以上所述是小編給大家介紹的原生js實(shí)現(xiàn)獲取form表單數(shù)據(jù)詳解整合,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
細(xì)說javascript函數(shù)從函數(shù)的構(gòu)成開始
javascript函數(shù)是一個(gè)比較奇怪的東西,接觸一段時(shí)間你就會(huì)犯迷糊,我想從函數(shù)的構(gòu)成來細(xì)說函數(shù),這聽起來像是一句廢話,講任何東西當(dāng)然是從構(gòu)成去談2013-08-08關(guān)于session和cookie的簡(jiǎn)單理解
下面小編就為大家?guī)硪黄P(guān)于session和cookie的簡(jiǎn)單理解。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06淺談JavaScript函數(shù)的四種存在形態(tài)
下面小編就為大家?guī)硪黄獪\談JavaScript函數(shù)的四種存在形態(tài)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06詳談DOM簡(jiǎn)介及節(jié)點(diǎn)、屬性、查找節(jié)點(diǎn)的方法
下面小編就為大家分享一篇詳談DOM簡(jiǎn)介及節(jié)點(diǎn)、屬性、查找節(jié)點(diǎn)的方法,具有非常好的參考價(jià)值,一起跟隨小編過來看看吧,希望對(duì)大家有所幫助2017-11-11javascript定義變量時(shí)有var和沒有var的區(qū)別探討
定義變量時(shí)省略var是不安全的,不過是合法的。定義的變量的作用域取決于定義的位置2014-07-07javascript中的括號(hào)()用法小結(jié)
()作為一個(gè)數(shù)學(xué)運(yùn)算中的基本符號(hào),在計(jì)算機(jī)程序中也被大量使用,最基本的就是提高運(yùn)算優(yōu)先級(jí),JS中也不例外2014-04-04