Как переделать код с Jquery $.ajax на fetch?

Question

[Влад ~]

Всем привет!
Есть проект на котором нужно избавиться от jquery
Столкнулся с проблемой не могу переделать ajax на fetch
подскажите пожалуйста что я делаю не так
$.ajax код

add(id, quantity) {
        $.ajax({
            url: '/' + $('html').attr('lang') + '/basket/add',
            data: {
                id, quantity
            }
        }).then(result => {
            // alert('ok');
            console.log(result);
            if (result.status) {
                if (result.widget) {
                    $('#basket-widget').html($(result.widget).html());
                }

                if (result.basket) {
                    $('#basket-content').html($(result.basket).html());
                }

                this.open();
            } else {
                alert(result.message);
            }
        });
    }

fetch

add(id, quantity) {
        fetch('/' + document.querySelector('html').getAttribute('lang') + '/basket/add', {
            data: {
                id, quantity
            },
            headers: {
                // 'X-CSRF-TOKEN': document.querySelector('[name="csrf-token"]').getAttribute('content')
                'Content-Type': 'application/json'
              },
        }).then(response => {
            console.log(response);
              return response.json();
        }).then(result => {
            console.log(result);
            if (result.status) {
                // alert('ok');
                if (result.widget) {
                    document.querySelector('#basket-widget').innerHTML(result.widget.innerHTML());
                }
                if (result.basket) {
                    document.querySelector('#basket-content').innerHTML(result.basket.innerHTML());
                }
    
                this.open();
            } else {
                alert(result.message);
            }
        });
      }

Comments

[Dima Polos]

ну как минимум не data, a body