Make json string from form input

Question

Hey guys I have a form where the output is saved in database. What I want is to save it in a json string and show the string.

<form>
  First name:<br>
  <input type="text" name="firstname">
  <br>
  Last name:<br>
  <input type="text" name="lastname">
    <select name="gender" >
        <option value=""></option>
        <option value="Man">Man</option>
        <option value="Vrouw">Vrouw</option>
    </select>
    adress:<br>
  <input type="text" name="adress">
  <input type="submit" class="submit" value="Submit!" />
</form>   


  {
    "PersonalData" : {
        "Gender" : [value of gender]
        "FirstName" : "[valeu of firstname]",
        "adress" : "[valeu of adress]",
}

This has been answered here: https://stackoverflow.com/questions/1184624/convert-form-data-to-javascript-object-with-jquery — MrMadsen, Jul 27 '17 at 13:54

score 0 · Answer 1 · answered Jul 27 '17 at 13:53

0

Create a JSONObject and add all the values you want into it with the put() method. Then you can use the .toString() function to turn it into a string.

answered Jul 27 '17 at 13:53

GorkemSahin

69
6

2

`JSON` is a string format, not a JavaScript object – guest271314 Jul 27 '17 at 13:56
There's a class called JSONObject in Java, assumed it'd be useful and available here. – GorkemSahin Jul 28 '17 at 08:07

score 0 · Answer 2 · answered Jul 27 '17 at 14:08

$(document).ready(function(){
  var result = {};
  var PersonalData = {};
  
  $("#submitt").click(function(){
    PersonalData.FirstName = $('#first').val();
    PersonalData.Address = $('#address').val();
    PersonalData.Gender = $("#gender option:selected").text();
    
    result.PersonalData = PersonalData;
    console.log(result);
    var resultString = result.toString();
    console.log(resultString);
  });
  

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  First name:<br>
  <input type="text" name="firstname" id="first">
  <br>
  Last name:<br>
  <input type="text" name="lastname">
    <select name="gender" id="gender" >
        <option value=""></option>
        <option value="Man">Man</option>
        <option value="Vrouw">Vrouw</option>
    </select>
    <br>
    Address:<br>
  <input type="text" name="adress" id="address">
  <input type="submit" class="submit" value="Submit!" id="submitt" />
</div>

Make json string from form input

2 Answers2