Как отправить форму с включенной в нее HTML-таблицей?

  • 9 сентября 2023 г. 18:36
Ответы на вопрос 1
1. Для отправки формы с включенной в нее HTML-таблицей, вы можете использовать `XMLHttpRequest` или `fetch API` для отправки асинхронного запроса на сервер.

Пример использования `XMLHttpRequest`:

```javascript
var form = document.getElementById('myForm');
var xhr = new XMLHttpRequest();
xhr.open('POST', 'url', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

form.addEventListener('submit', function(event) {
    event.preventDefault();

    var formData = new FormData(form);
    xhr.send(formData);
});
```

2. Чтобы отправить данные из корзины вместе с формой, вы можете создать новый объект `FormData` для хранения данных формы и добавить данные из корзины в него.

Пример:

```javascript
var form = document.getElementById('myForm');
var cartData = {
    // данные вашей корзины
};

form.addEventListener('submit', function(event) {
    event.preventDefault();

    var formData = new FormData(form);
    
    // добавление данных корзины в formData
    for (var key in cartData) {
        if (cartData.hasOwnProperty(key)) {
            formData.append(key, cartData[key]);
        }
    }

    // отправка formData
    var xhr = new XMLHttpRequest();
    xhr.open('POST', 'url', true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.send(formData);
});
```

Оба примера предполагают, что форма имеет атрибут `id="myForm"`.
Похожие вопросы