Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.10.2022, 09:50
Аспирант
Отправить личное сообщение для TheSanches Посмотреть профиль Найти все сообщения от TheSanches
 
Регистрация: 21.01.2018
Сообщений: 78

$.ajax переписать на fetch
Как переписать отправку формы написанную на  jQuery, используя fetch

function sendFile(){
        var subjectId = 'text';
        var lastName = 'text 2';
        var firstName = 'text 3';
        var thirdName = 'text 4';
        var companyName = 'text 5';
        var file=$('#file')[0].files[0];

        var dataF = new FormData();
        dataF.append('file', $('#file')[0].files[0]);
        dataF.append('subjectId', subjectId);
        dataF.append('lastName', lastName);
        dataF.append('firstName', firstName);
        dataF.append('thirdName', thirdName);
        dataF.append('thirdName', thirdName);
        dataF.append('companyName', companyName);

        $.ajax({
            type: "POST",
            enctype: 'multipart/form-data',
            contentType: false,
            processData: false,
            url: "http://this-url",
            data: dataF,
            success: function (response) {
            },
            error: function (e) {
            }
        });
    }
Ответить с цитированием
  #2 (permalink)  
Старый 28.10.2022, 10:09
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 2,712

Как то так
function sendFile(){
        var subjectId = 'text';
        var lastName = 'text 2';
        var firstName = 'text 3';
        var thirdName = 'text 4';
        var companyName = 'text 5';
        var file=document.querySelector('#file').files[0];
 
        var dataF = new FormData();
        dataF.append('file', file, file.name);
        dataF.append('subjectId', subjectId);
        dataF.append('lastName', lastName);
        dataF.append('firstName', firstName);
        dataF.append('thirdName', thirdName);
        dataF.append('thirdName', thirdName);
        dataF.append('companyName', companyName);
 
        fetch('http://this-url',
            {
                method: 'POST',
                body: dataF
            }
        ).then(
                function (response) {},
                function (e) {}
         )
        
    }

Последний раз редактировалось voraa, 28.10.2022 в 10:38.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Авторизация в ВК с помощью fetch() caseyryan Общие вопросы Javascript 1 29.06.2017 10:38
BeforeShowDate срабатывает перед $.ajax nina_ jQuery 4 01.07.2016 21:20
переделать функцию adspro AJAX и COMET 5 09.03.2015 04:32
Ошибка вызова $.ajax Liv AJAX и COMET 7 17.01.2013 17:36
Проблема с $.ajax Iesua jQuery 5 14.07.2012 17:17