XMLHttpRequest как продолжить запрос, как передать параметр?

Question

[suncity108]

<button onclick="loadPhones()">WebScada</button>

  <script>
    function loadPhones() {
      var xhr = new XMLHttpRequest();
      
      xhr.open('post','http://127.0.0.0:8080/security/signIn',true,'login','pas');
      
      xhr.send();

      if (xhr.status != 200) {
        // обработать ошибку
        alert('Ошибка ' + xhr.status + ': ' + xhr.statusText);
      } else {
        // вывести результат
        alert(xhr.responseText);
      }
    

    }

Привет все ок, логинюсь,
1)как мне передать параметр дополнительно? Т.е. в этом АПИ есть параметр (rememberMe : Boolean) как его добавить в строку :
xhr.open('post','127.0.0.0:8080/security/signIn',true,'login','pas');
2)Есть выходящий параметр token, куда он присваивается xhr.token ?

Answer 1

[Андрей]

Лучше всего сформировать FormData, если отправляете много значений. Лучшая практика дл меня всегда отправлять в виде объекта, что позволит получить ассоциативный массив на сервере.

let data = new FormData()
data.append('key', value)
.....
xhr.send(data)

Это позволит отправить данные, которые можно увидеть в Console на вкладке Payload и на сервер упадет массив. Там уже легко с ним можно разобраться. Зная ключ получите значение.

Answer 2

[suncity108]

Спасибо, к сожалению не могу получить данные пока не заполучу "токен", лишь с ним могу делать запрос...
уже все перепробовал. Возврат null

console.log(xhr.getResponseHeader("content-type"));
console.log(xhr.responseXML);
console.log(JSON.parse(xhr.responseXML));

Comments

[Андрей]

Фреймворк какой используете для сервера?

[suncity108]

это СКАДА система, как узнать какой там фреймворк ?

[suncity108]

<script>
    function loadPhones() {
      var xhr = new XMLHttpRequest();
      //let data = new FormData()
      //data.append('token', value)
       xhr.overrideMimeType("application/json");
      xhr.open('post','http://5555555555:8080/security/signIn',true,'55555','555555');
     
      xhr.send();

      if (xhr.status != 200) {
        // обработать ошибку
        alert('Ошибка ' + xhr.status + ': ' + xhr.statusText + ': ' + 'Connection= '+xhr.readyState);
      } else {
        // вывести результат
        alert(xhr.responseText);
      }
    
//console.log(xhr.getResponseHeader("content-type"));
//console.log(xhr.responseXML);
      
console.log(JSON.parse(xhr.responseText));
    }

Почему ругается на console.log(JSON.parse(xhr.responseText));
ught SyntaxError: Unexpected end of JSON input
at JSON.parse ()

Answer 3

[Надим]

Remember me - запомнить меня.

Не совсем понятно о чем идет речь, потому что Basic Auth не поддерживает разлогин.

https://habr.com/ru/post/488388/

Comments

[suncity108]

net::ERR_CONNECTION_TIMED_OUT выскакивает через 15 секунд
Как все таки правильно залогинится ?
В Postman {
"login": 'login",
"password": "pas"
"rememberMe" : "true"
}
В authorization стоит Basic Auth и там прописаны логин пароль, Получаю ответ в виде JSON
Есть ли исходники в postman как посмотреть запрос ?

[Надим]

suncity108, я не смогу помочь по серверной части, я не знаю что такое postman.

По браузерной же части надо смотреть вкладку Network в консоли, там есть и детали запроса и ответа.

[suncity108]

Request URL: file:///Z:/web%20scada-%20api/scada.html
Request Method: GET
Status Code: 200 OK
Referrer Policy: strict-origin-when-cross-origin
Content-Type: text/html
Last-Modified: Wed, 22 Feb 2023 06:45:04 GMT
Provisional headers are shown
Learn more
User-Agent: Mozilla/5.0 (iPad; CPU OS 13_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/87.0.4280.77 Mobile/15E148 Safari/604.1

[Надим]

suncity108, ясно все. Это в принципе не должно работать, так как Аяксом запросы на локальные файлы делать нельзя, чисто из соображений безопасности. Браузер не пропускает такие запросы.

[suncity108]

Надим Закиров, тогда как и чем получить в формате JSON ?

[Надим]

suncity108, нужен реальный сервер. Экспериментируйте на реальном сайте, на реальном хостинге. Если нет возможности такой приобрести, то использовать локальный сервер, типа OSPanel.

[suncity108]

Надим Закиров, это и есть реальный сервер, не совсем понятны Ваши ответы
Это не должно работать
Нужный реальный сервер....
это вообще что ??????????????

[Надим]

suncity108, у вас запрос идет на локальный файл:

Request URL: file:///Z:/web%20scada-%20api/scada.html

Вы же мне консоль браузера показали? Если так, то это в принципе не может работать.

[suncity108]

да но запрос я делаю к серверу.
почему в postman все работает?

{
"login": "********",
"password": "********"
"rememberMe" : "true"
}

там такой запрос, вид json ,

[Надим]

suncity108, чел, я не понимаю что такое postman, я сним ни разу в жизни не работал. Но по выводу консоли браузера вижу, что ты пытаешь сделать дичь и нарушить CORS. Я бы рекомендовал сейчас не пытать меня насчет postman, а просто попробовать заказать платную консультацию на фрилансиме. У тебя не совсем вопрос, тут надо вникать, разбираться - тебе нужна помощь.

https://freelance.habr.com

[suncity108]

Надим Закиров, хм, странно что не знаешь Postman 0_o

[Надим]

suncity108, как то так вышло, я больше по браузерным расширениям на JavaScript и немножко по php.