Блог

Главная - Вопросы по программированию - Как отправить JSON-данные из интерфейсного JavaScript на внутренний сервер, созданный с использованием Python Flask

Как отправить JSON-данные из интерфейсного JavaScript на внутренний сервер, созданный с использованием Python Flask

#javascript #python #json #flask

#javascript #python #json #flask

Вопрос:

Я использую простую HTML-форму, чтобы получить некоторые простые данные от пользователя. Я хочу, чтобы эти данные были сначала отфильтрованы с использованием JavaScript во внешнем интерфейсе, и если все в порядке, я конвертирую собранные данные в формат JSON, используя JavaScript в самом интерфейсе.

Теперь я хочу отправить эти данные в формате JSON в JavaScript для отправки на серверную часть.

 function fun(){
    let user = document.getElementById('user').value
    let password = document.getElementById('password').value

    let data = {
        "user": user,
        "password": password
    }
    console.log(data); // this data needs to be sent to the backend
    return true
}  
 <!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="main.css">
    <title>Data Entry</title>
</head>
<body>
    <div>
        <form action="" onsubmit="return fun()">
            <label for="user">user</label>
            <input type="text" name="user" id="user">
            <label for="password">password</label>
            <input type="password" name="password" id="password">
            <input type="submit" value="submit">
        </form>
    </div>
    <script src="code.js"></script>
</body>
</html>

Ответ №1:

Вы можете использовать fetch API.

Например, вы можете использовать следующий код внутри fun():

  fetch('your-python-server', {
        method: 'post',
        body: JSON.stringify(data)
      }).then(function(response) {
        return response.json();
      }).then(function(data) {
        console.log("Data returned from python server", data)
      });

Ответ №2:

Вы можете упорядочить свои данные и отправить их на серверную часть.

JSON.stringify(data)