使用JavaScript OOP向Model发送和获取数据

时间:2019-05-24 12:43:44

标签: javascript html oop

我有一个包含多个字段的表单,我想使用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

0 个答案:

没有答案