Как изменить вид запроса на сервер?

Question

[insanel]

Написал скрипт отправки формы
Данные с формы должны отправляться в phpmailer
Данные отправляются, но не в том виде, в итоге phpmailer не может принять данные и обработать и отправляет пустое письмо

Используя jQuery данные летят в phpmailer в виде:

И все работает прекрасно
При отправки с нативным жс:

function postData(data) {

                return new Promise(function(resolve, reject){
                    let request = new XMLHttpRequest();

                    request.open('POST', 'smail.php');

                    request.setRequestHeader('Content-type', 'application-x-www-form-urlencoded; charset=UTF-8');

                    request.onreadystatechange = function () {
                        if(request<4) {
                            resolve();
                        }else if(request.readyState == 4) {
                            if(request.status == 200 && request.status < 300){
                                resolve();
                            }else{
                                reject();
                                console.log(request.status);
                            }
                        }
                    };
                    request.send(data);
                });
            }

Я хочу самостоятельно сделать так, что бы с обычно js данные отправлялись так же как и с jQuery
Как это реализовать?

Comments

[insanel]

Пробовал отправлять в виде JSON, тоже не фурычит

Answer 1

[Roman]

Для application/x-www-form-urlencoded обычно используют encodeURIComponent

Уверен что тебе нужен именно этот Content-type?
Если посылаешь через JSON, используй application/json, должно помочь

Comments

[insanel]

1) не понял, а что это дает
2) я знаю про жсон, дело в том что с ним тоже толку нет
Я представил образец как должно быть и как не должно быть, с json тоже не то получается

[Roman]

insanel, В каком браузере выполняется код? В хроме у меня обычный json корректно отправляется без рандомной подписи

[insanel]

Roman, по phpmailer именно?
Да хром
С json тоже не работает, вот json
А вот образец из jQuery работает, но мне нужно решить задачу без него

[Roman]

insanel, Можешь показать весь код на клиенте с формой?
Возможно ты просто не отменяешь нативной отправки через multipart/form-data

[insanel]

Roman,

function sendForm(elem) {
        elem.addEventListener('submit', function(e){
            e.preventDefault();
            elem.appendChild(statusMsg);
            let formData = new FormData(elem);

            function postData(data) {

                return new Promise(function(resolve, reject){
                    let request = new XMLHttpRequest();

                    request.open('POST', 'smail.php');

                    request.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');

                    request.onreadystatechange = function () {
                        if(request<4) {
                            resolve();
                        }else if(request.readyState == 4) {
                            if(request.status == 200 && request.status < 300){
                                resolve();
                            }else{
                                reject();
                                console.log(request.status);
                            }
                        }
                    };
                    let obj = {};
                        formData.forEach(function(key, value){
                            obj[value] = key;
                        });
                        let data = JSON.stringify(obj);
                        
                    request.send(data);
                    console.log(obj);
                });
            }
            function clearInput(){
                for(let i = 0; i < input.lenght; i++) {
                    input[i].value = '';
                }
            }

            postData(formData).then(()=> statusMsg.innerHTML = message.loading)
                .then(()=>statusMsg.innerHTML = message.succes)
                .catch(()=>statusMsg.innerHTML = message.failure)
                .then(clearInput);
        });
    }
    sendForm(formst);