Fetch api javascript return html code

Теперь я не знаю, почему это происходит на самом деле, в то время как функция выборки правильно отображает ответ обещаний на URL-адресе, на который я нацелен. но теперь все, что я вижу в журнале console, - это html-код страницы входа, я ничего не менял, но почему это происходит?

const caseform = _doc.forms.namedItem('caseform');

    caseform.addEventListener("submit", e => {
        e.preventDefault();

        this._action = caseform["action"];
        this._method = caseform["method"];

        this._fd = new FormData(caseform);

        async function savecase() {
            this._params = {method: this._method, body: this._fd};
            this._response = await fetch(this._action, this._params);

            try {
                if (this._response.ok) {
                    return await this._response.text();
                }
            } catch(error) {
                return error;
            }
        }

        savecase()
            .then(result => {
                if (result === 'error_in_retention_requirements') {
                    _doc.querySelector('div[data-result-case-error]').style.display = 'block';
                    _doc.querySelector('div[data-result-case-error]').innerHTML = 'Please provide all rentention requirements.';
                    _doc.querySelector('div[data-result-case-error]').scrollIntoView();
                } else if (result === 'error_in_clearance_requirements') {
                    _doc.querySelector('div[data-result-case-error]').style.display = 'block';
                    _doc.querySelector('div[data-result-case-error]').innerHTML = 'Please provide all clearance requirements.';
                    _doc.querySelector('div[data-result-case-error]').scrollIntoView();
                }  else if (result === 'error_in_clearance_requirements') {
                    _doc.querySelector('div[data-result-case-error]').style.display = 'block';
                    _doc.querySelector('div[data-result-case-error]').innerHTML = 'Please provide all clearance requirements.';
                    _doc.querySelector('div[data-result-case-error]').scrollIntoView();
                } else {
                    console.info(result);
                }
            });
    });

и это возвращаемый текст, который возвращается в журнале консоли

newcase: 136

<!DOCTYPE html>
<html class = "no-js" lang = "en" dir = "ltr">
  <head>
    <meta charset = "utf-8">
    <meta http-equiv = "x-ua-compatible" content = "ie=edge">
    <meta name = "viewport" content = "width=device-width, initial-scale=1.0">
    <title>v1.0</title>
    <link rel = "icon" href = "http://localhost/itd_project/darsystem_v1.0/public/files/img/logo.jpg" type = "image/gif" sizes = "16x16">
    <link rel = "stylesheet" href = "http://localhost/itd_project/darsystem_v1.0/public/files/foundation/css/foundation.css">
    <link rel = "stylesheet" href = "http://localhost/itd_project/darsystem_v1.0/public/files/foundation/css/app.css">
  </head>
  <body>

<script>
const _w = window;
const _doc = document;

_w.onload = () => {
    const pcode = _doc.querySelector('input[type = "password"]');

    pcode.onpaste = (e) => {
        e.preventDefault();
    }
}</script>


    <div class = "row-login">
        <form action = "http://localhost/itd_project/darsystem_v1.0/login/check/?attempt=1&amp;for=dXNlcl9sb2dpbg= = " method = "post" class = "stacked" style = "color: #272822; ">
            <div class = "row stacked">
                <img class = "logo-login" src = "http://localhost/itd_project/darsystem_v1.0/public/files/img/logo.jpg"/>
                <h5 class = "text-center" style = "color: #000000; font-size: 12px;">Department of Agrarian Reform</h5>
            </div>
            <label>ID
                <input type = "text" name = "username" placeholder = "ID Number" />
            </label>
            <label>Password 
                <input type = "password" name = "password" placeholder = "&#9679;&#9679;&#9679;&#9679;&#9679;&#9679;&#9679;&#9679;" autocomplete = "off" />
            </label>
            <p>
                <button type = "submit" class = "dar_login button expanded" style = " color: #fff; box-shadow: 0 2px 4px rgba(10, 10, 10, 0.4);">Log in</button>
            </p>
        </form>
    </div>

<footer style = "margin-top: 120px;">
      <p class = "footer">&copy; 2018</p>
</footer>
  </body>
</html>

возможно, ваша сессия хранится в файлах cookie. По истечении срока его действия api перенаправляет вас на вход. войдите и попробуйте еще раз.

— 07.06.2018 10:29

@VladimirM пробовал ничего не происходит, все то же самое. Я только что очистил свою историю в браузере, и вот это происходит.

— 07.06.2018 10:35

Итак ... если вы перейдете на сайт напрямую, вы вошли в систему, но когда вы отправите свою форму - вы получите этот ответ?

— 07.06.2018 10:41

@VladimirM точно, я думаю, что этот api все еще нестабилен.

— 07.06.2018 10:44

Похоже, вам нужен credentials: 'include' для использования файла cookie сеанса для удаленного сайта. См. stackoverflow.com/q/40543372/283366

— 08.06.2018 02:24

@Phil, теперь он работает, спасибо, братан!

— 08.06.2018 02:43

javascript fetch-api

07.06.2018 10:23

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Другие вопросы по теме

Zapier POST с ошибкой "тело уже используется для"

Как проверить вызов выборки и вернуть тот же вызов

Fetch выполнить локальный скрипт bash через URL

Что мне следует использовать в response-native / redux fetch вместо Body.text () для кодировки, отличной от UTF-8?

Реагировать на встроенную публикацию / загрузку на сервер

Как разрешить InvalidAuthenticityToken в приложении Rails Stripe

Почему следующий код выдает обещание в случае некорректного HTTP-кода?

Получение манипуляции с потоком ответов

React Native Fetch API возвращает старые данные

Fetch API продолжает возвращать внутреннюю ошибку 500

Fetch api javascript return html code

Другие вопросы по теме

Похожие вопросы