Javascript Вставить объект в данные формы - PullRequest
Новая
       36

Javascript Вставить объект в данные формы

0 голосов
/ 13 марта 2020

Я хотел бы преобразовать объект в данные формы. У меня не было проблем, пока мне не нужно добавить объект к этому.

Как я могу добавить объект json к моим данным формы?

Вот объект, который я хочу преобразовать в formData , он должен сохранять точно такой же формат. 

{
"product": { 
    "name": "Produit Comp 2",
    "abbreviation": "prod_comp_2",
    "quantity": 4,
    "weight": 100,
    "tva": 21,
    "size": 10,
    "height": 24,
    "width": 23,
    "category_id": 91,
    "sub_category_id": 88,
    "status": 1,
    "price_unit": {
        "price_day_1": 73.43,
        "price_day_2": 74.43,
        "price_day_3": 75.43
    },
    "price_loaded": {
        "price_day_1": 75.43,
        "price_day_2": 76.43,
        "price_day_3": 77.43
    },
    "price_installation": {
        "price_day_1": 78.43,
        "price_day_2": 79.43,
        "price_day_3": 70.43
    },
    "price_built_delivered": {
        "price_day_1": 71.43,
        "price_day_2": 72.43,
        "price_day_3": 73.43
    }
}}

Это моя фактическая функция для преобразования. В моих формах отсутствуют только объекты price_unit, price_loaded, price_installation, price_built_delivered. Как я могу добавить их? 

    private toProductDto(product: Product): FormData {
    console.log('service', product);
    let formData = new FormData();
    if (product.id) { formData.append('id', '' + product.id); }
    if (product.name) { formData.append('name', product.name); }
    if (product.category) { formData.append('category_id', '' + product.category.id); }

    // Set subcategory to null if it's not defined on sending
    if (product.sub_category) {
        formData.append('sub_category_id', '' + product.sub_category.id);
    } else {
        formData.append('sub_category_id', null);
    }

    formData.append('status', '' + product.status);
    if (product.image) { formData.append('image', product.image, product.image.name); }
    if (product.description) { formData.append('description', '' + product.description); }
    if (product.quantity) { formData.append('amount', '' + product.quantity); }
    if (product.weight) { formData.append('weight', '' + product.weight); }
    if (product.length) { formData.append('length', '' + product.length); }
    if (product.width) { formData.append('width', '' + product.width); }
    if (product.height) { formData.append('height', '' + product.height); }
    if (product.tva) { formData.append('tva', '' + product.tva); }
    if (product.options) { formData.append('options', '' + product.options); }
    if (product.numbers_players) { formData.append('numbers_players', '' + product.numbers_players); }
   return formData;
}

Заранее благодарим за помощь.

Ответы [ 2 ]

0 голосов
/ 16 марта 2020

Я наконец нашел решение, вот оно: 

    private toProductDto(product: Product): FormData {
    console.log('service', product);
    const formData = new FormData();
    if (product.id) { formData.append('[product][id]', '' + product.id); }
    if (product.name) { formData.append('[product][name]', product.name); }
    if (product.name) { formData.append('[product][abbreviation]', product.abbreviation); }
    if (product.category) { formData.append('[product][category_id]', '' + product.category.id); }

    // Set subcategory to null if it's not defined on sending
    if (product.sub_category) {
        formData.append('[product][sub_category_id]', '' + product.sub_category.id);
    } else {
        formData.append('[product][sub_category_id]', null);
    }

    formData.append('[product][status]', '' + product.status);
    if (product.image) { formData.append('[product][image]', product.image, product.image.name); }
    if (product.description) { formData.append('[product][description]', '' + product.description); }
    if (product.quantity) { formData.append('[product][quantity]', '' + product.quantity); }
    if (product.weight) { formData.append('[product][weight]', '' + product.weight); }
    if (product.length) { formData.append('[product][length]', '' + product.length); }
    if (product.width) { formData.append('[product][width]', '' + product.width); }
    if (product.height) { formData.append('[product][height]', '' + product.height); }
    if (product.tva) { formData.append('[product][tva]', '' + product.tva); }
    if (product.options) { formData.append('[product][options]', '' + product.options); }
    if (product.numbers_players) { formData.append('[product][numbers_players]', '' + product.numbers_players); }


    if (product.price_unit) { formData.append('[product][price_unit][price_day_1]', '' + product.price_unit.price_day_1); }
    if (product.price_unit) { formData.append('[product][price_unit][price_day_2]', '' + product.price_unit.price_day_2); }
    if (product.price_unit) { formData.append('[product][price_unit][price_day_3]', '' + product.price_unit.price_day_3); }

    if (product.price_loaded) { formData.append('[product][price_loaded][price_day_1]', '' + product.price_loaded.price_day_1); }
    if (product.price_loaded) { formData.append('[product][price_loaded][price_day_2]', '' + product.price_loaded.price_day_2); }
    if (product.price_loaded) { formData.append('[product][price_loaded][price_day_3]', '' + product.price_loaded.price_day_3); }

    if (product.price_installation) { formData.append('[product][price_installation][price_day_1]', '' + product.price_installation.price_day_1); }
    if (product.price_installation) { formData.append('[product][price_installation][price_day_2]', '' + product.price_installation.price_day_2); }
    if (product.price_installation) { formData.append('[product][price_installation][price_day_3]', '' + product.price_installation.price_day_3); }

    if (product.price_built_delivered) { formData.append('[product][price_built_delivered][price_day_1]', '' + product.price_built_delivered.price_day_1); }
    if (product.price_built_delivered) { formData.append('[product][price_built_delivered][price_day_2]', '' + product.price_built_delivered.price_day_2); }
    if (product.price_built_delivered) { formData.append('[product][price_built_delivered][price_day_3]', '' + product.price_built_delivered.price_day_3); }

    console.log(formData);
    return formData;
}
0 голосов
/ 13 марта 2020

Вот объект, который я хочу преобразовать в formData, он должен сохранять точно такой же формат.

Это само по себе невозможно. FormData выражает flat набор key=value пар.

Вам необходимо выполнить некоторую форму сериализации.

например, с именами ключей в стиле JSON.stringify или PHP с [].

Затем вам придется декодировать сериализованную структуру в коде на стороне сервера.

...