Andy's Blog

Home Archives
Jan 8 2017

Input field動態產生JSON

緣由

  • 實務上常常需要取得input field輸入值,再將其組成JSON後發送給後端接收
  • 但是每增加一個input field是否可以動態產生JSON,而不需修改Javascript組JSON程式碼

做法

  • Array.from():將jquery取得的$(‘input’)組成array
  • Array.reduce():將初始值{}藉由每個reduce加入新的key / value

Read More

Share Comments
  • ES6
  • Javascript

Tags

  • Angular5
  • Atom1
  • Bootstrap1
  • Cheerio1
  • CoffeeScript7
  • Compass1
  • Crawler1
  • Css1
  • Disqus1
  • E2E1
  • ES63
  • F2E4
  • Firebase1
  • Github3
  • Google Map1
  • Gulp1
  • HackMD1
  • Hexo7
  • Javascript2
  • Mac2
  • Markdown2
  • Nightwatch2
  • NodeJS2
  • Prepros1
  • RWD2
  • Rails1
  • React2
  • Rwd3
  • Sass4
  • Scrum1
  • Sitemap1
  • SublimeText2
  • VueJS1
  • Webpack1
  • Workshop4
  • coServ2
  • 高雄前端社群2

Tag Cloud

AngularAtomBootstrapCheerioCoffeeScriptCompassCrawlerCssDisqusE2EES6F2EFirebaseGithubGoogle MapGulpHackMDHexoJavascriptMacMarkdownNightwatchNodeJSPreprosRWDRailsReactRwdSassScrumSitemapSublimeTextVueJSWebpackWorkshopcoServ高雄前端社群

Archives

  • February 20171
  • January 20171
  • October 20163
  • September 20161
  • August 20161
  • July 20161
  • June 20166
  • May 20161
  • August 20159
  • July 201511
  • June 20152
  • May 201515

Recents

  • Google Map - Static Map & API
  • Input field動態產生JSON
  • (no title)
  • 網路爬蟲 - Nightwatch + Cheerio = 神鵰俠侶
  • React Starter Kit 新增component
© 2017 Andy Tsai
Powered by Hexo
Home Archives