Как написать элемент HTML с сервера в Dart - PullRequest
Новая
       31

Как написать элемент HTML с сервера в Dart

2 голосов
/ 14 апреля 2019

Я пытаюсь изучить основы серверной части Dart. Когда я нажимаю элемент submit на странице HTML, экран очищается и заменяется на «hello». Я пытаюсь сохранить все элементы на месте, и поставить «привет» на место div. Я не нашел никакой базовой документации по этому вопросу, так что, может быть, мне здесь очень не хватает. Есть ли простой способ сделать это?

Вот код сервера: 

import 'dart:io';

Future main() async {
  var server = await HttpServer.bind(
    InternetAddress.loopbackIPv4,
    8080,
  );

  await for (HttpRequest request in server) {
request.response
  ..write("hello")
  ..close();
  }
}

Вот HTML: 

<form action="http://localhost:8080" method="GET">
<input type="text" id="name" value="name">
<input type="submit" value="submit">
</form>
<div id="output"></div>  // I want the "hello" to go here

1 Ответ

1 голос
/ 27 апреля 2019

Весьма распространено создавать веб-приложения, которые извлекают данные из других веб-приложений, инициируемые логикой, которая выполняет HTTP-вызовы сторонним службам.

позволяет взглянуть на то, как мы можем использовать встроенные классы HttpRequest для созданияHTTP-вызовы внешних служб.

index.html 

<!DOCTYPE html>
<html>
  <head>
    <title>A Minimalist App</title>
  </head>

  <body>
     <div id="output">Hi</div>  // I want the "hello" to go here
    <script type="application/dart" src="main.dart"></script>
    <script src="packages/browser/dart.js"></script>
  </body>
</html>

main.dart 

import 'dart:html';
void main() {
  var response = await HttpRequest.getString('http://localhost:8080')
  querySelector('#output').text = response;
}

Для получения дополнительной информацииИнфо визит здесь

Спасибо.:), надеюсь, это поможет.

...