我有一个包含多个字段的表单,我想使用OO-Programming发送数据,使用控制器获取数据并在模型中设置/获取数据,我可以这样做,但是我想我有多种形式,如何将数据发送到模型。
我创建了一个字段很少的表单,并使用控制器和jQuery获取表单数据并将其发送到模型。
控制器:
class FormController {
constructor() {
let $ = document.querySelector.bind(document);
this.inputFname = $('#fname');
this.inputLname = $('#lname');
this.inputAge = $('#age');
}
add(event) {
event.preventDefault();
new Form(
this.inputFname.value,
this.inputLname.value,
this.inputAge.value
);
}
}
型号:
class Form {
constructor(fname, lname, age) {
this.fname = fname;
this.lname = lname;
this.age = age;
}
get fullname() {
return this.fname * this.lname;
}
get fname() {
return this.fname;
}
get lname() {
return this.lname;
}
get age() {
return this.age;
}
}
class form {
constructor(fname, lname, age) {
this.fname = fname;
this.lname = lname;
this.age = age;
}
在表单类构造函数中,如果我有多个表单字段,如何将数据发送到构造函数?例如,如果我的表单中有20个字段,是否一定需要逐字段编写字段,并且还需要为这20个字段分别创建this.fieldname
?