将表单数据转换为 JSON

Question

将表单数据转换为 JSON

<html>
  <head></head>
  <body>
      <form name="abc" action="#" method="post">
        
        Name: <input type="text" name="name"><br>
        Age : <input type="text" age="name"><br>
        <input type="submit"><br>
        </form>
    
        </body>
</html>

Run Code Online (Sandbox Code Playgroud)

任何人都可以编写此 HTML 代码，以便在我提交此表单时，表单数据将以 JSON 格式提交。

Answer 1

Ric*_*der 5

纯 JavaScript 解决方案是：

var form = document.getElementsByTagName('form')[0];

form.addEventListener('submit',function(event){
     event.preventDefault();
     var data = {
         "name":this.name.value,
         "age":this.age.value
     };

     console.log(data);
});

Run Code Online (Sandbox Code Playgroud)

归档时间：	11 年，2 月前
查看次数：	6864 次
最近记录：	9 年，6 月前