Question

嘿伙计我有一个表单，其中输出保存在数据库中。我想要的是将它保存在json字符串中并显示字符串。

<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]",
}

Answer 1

使用put（）方法创建一个JSONObject并将所需的所有值添加到其中。然后你可以使用.toString（）函数将它变成一个字符串。

Answer 2

$(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>

从表单输入中创建json字符串

2 个答案: