Json output from html code

Question

   <form action:"" name="sample" method="post"/>
    Firstname:<input type="text" name="firstname" /><br>
     Lastname:<input type="text" name="lastname"/><br>
     DOB:<input id="datepicker" /><br>
    Email:<input type="text" name="email"/><br>
    Gender:
     <input type="radio" name="Male" value="Male"/> Male
   <input type="radio" name="Female" value="Female"/> Female<br>
    Address: <textarea name="address" rows="2" cols="20"></textarea><br>
      <input type="submit" value="Submit" />
        </form>

I need the json output like

   {"Firstname":"","Lastname":"","Email":"","Address":""}

Easy: `var json = '{"Firstname":"","Lastname":"","Email":"","Address":""}';`. If you want proper help, you have to provide a proper explanation if your problem and include your attempts to solve it. See http://stackoverflow.com/help/how-to-ask. — Felix Kling, Sep 17 '13 at 07:36
@undone: makes scene? Isn't it sense you mean? As for the question, it really isn't clear what you want. — jdepypere, Sep 17 '13 at 08:02
I don't understand why this question was reopened. It still is unclear what the OP wants. Do they want to generate JSON on the server or client side? But even if that was clear, the question is off-topic because *"Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results."* — Felix Kling, Sep 17 '13 at 08:19

score 1 · Answer 1 · answered Sep 17 '13 at 10:15

1

You can get the desired JSON as follows:

var obj = new Object();
obj.FirstName="first";
obj.LastName="Last";
obj.DOB="1/1/1990";
obj.Gender="Male";
obj.Address="Test Address";

alert(JSON.stringify(obj));

answered Sep 17 '13 at 10:15

Tushar

140
7

score 0 · Answer 2 · answered Sep 17 '13 at 07:35

0

<?php
//We have a post
if ($_POST) {
  $data = json_encode($_POST);
  var_dump($data);
}

answered Sep 17 '13 at 07:35

Michal

1,010
2
8
18

score 0 · Answer 3 · edited May 23 '17 at 12:06

0

If you want to post it as a json object then you could use jQuery (see the second link).

How to post a complex HTML form as JSON?

Serializing to JSON in jQuery

edited May 23 '17 at 12:06

Community

1
1

answered Sep 17 '13 at 08:21

Adam Labi

436
7
16

For the future, don't post answers that just contain links to other question. If you think that answers to other questions would solve this question, comment and/or flag/vote to close this question once you have enough reputation. – Felix Kling Sep 17 '13 at 08:25

Json output from html code

3 Answers3