Question

所以我有一个HTML页面，要求新客户的名字和姓氏（要添加到数据库中）。

<tr><td>
  <label for="firstName">First Name: </label></td><td>
  <input type="text" name="firstName" id="firstName" v-model="firstName"></td> </tr>
<tr><td>
 <label for="lastName">Last Name: </label></td><td>
  <input type="text" name="lastName" id="lastName" v-model="lastName"></td> </tr>
<tr><td>

现在，当用户提交此信息时，我可以使用JavaScript将用户输入存储到变量中。我知道这是由

完成的

Document.getElementById("firstName")
Document.getElementById("lastName")

我有一个包含每个注册客户的JSON对象的URL

localhost:8080/customer/all

我的问题是 - 如何添加新客户的信息，以便它也成为JSON对象？

Answer 1

您知道如何将变量分配给它的简单。只需将varialbe作为值分配给对象键

var value = Document.getElementById("firstName")
var obj = {
 key : value
}

希望这就是你的意思

Answer 2

function calc(){
  var data = {
  firstname : document.getElementById("firstName").value,
  lastname : document.getElementById("lastName").value
  }

  console.log(data);


}

<tr><td>
  <label for="firstName">First Name: </label></td><td>
  <input type="text" name="firstName" id="firstName" v-model="firstName"></td> </tr>
<tr><td>
 <label for="lastName">Last Name: </label></td><td>
  <input type="text" name="lastName" id="lastName" v-model="lastName"></td> </tr>
<tr><td>

<input type="button" onClick="calc()" value="Submit">

Answer 3

试试这个：

＆＃13;

function createObj() {
  var firstname = document.getElementById("firstName").value;
  var lastname = document.getElementById("lastName").value;
  
  var customerInfo = {
    "firstname" : firstname,
    "lastname" : lastname
  }
  
  console.log(customerInfo);
}

＆＃13;

<tr><td>
  <label for="firstName">First Name: </label></td><td>
  <input type="text" name="firstName" id="firstName" v-model="firstName"></td> </tr>
<tr><td>
 <label for="lastName">Last Name: </label></td><td>
  <input type="text" name="lastName" id="lastName" v-model="lastName"></td> </tr>
<tr><td>
<input type="submit" onClick="createObj()" value="Submit">

＆＃13;

HTML / JS / JSON-获取用户输入并将其作为JSON对象添加到JSON有效内容中

3 个答案: