Dart Пустой ответ, отправленный клиентом HttpRequest

Я пытаюсь запросить OrientDB в веб-клиенте Dart, и кажется, что он отправляет пустой ответ. Вот мой main.dart:

import 'dart:html';
// import 'dart:async';
import 'dart:convert';

main() {
 // querySelector('#output').text = 'Your Dart app is running.';
  HttpRequest.request("http://localhost:2480/listDatabases", 
      method: 'GET', requestHeaders: 
          {'Access-Contol-Allow-Origin': '*'})
  .then((req) => req.onReadyStateChange.where((e) => 
      req.readyState == HttpRequest.DONE).first
  .then((e) {
    var resp = req.responseText;
    querySelector('#output').text = "${req.status}";
    Map json = JSON.decode(resp);
    var ul = querySelector('#dblist');
    for (var db in json['databases']) {
      var li = new LIElement();
      li.appendText(db);
      ul.append(li);
    }
  }));
}

и вот мой index.html:

<!DOCTYPE html>

<!--
  Copyright (c) 2015, <your name>. All rights reserved. Use of this source code
  is governed by a BSD-style license that can be found in the LICENSE file.
-->

<html>
<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">
    <meta name="scaffolded-by" content="https://github.com/google/stagehand">
    <title>WebDbList1</title>
    <link rel="stylesheet" href="styles.css">
    <script async src="main.dart" type="application/dart"></script>
    <script async src="packages/browser/dart.js"></script>
</head>

<body>

  <div id="output"></div>
  <ul id="dblist">

  </ul>

</body>
</html>

Если есть какие-либо вопросы по поводу кода, ориентированного на OrientDB, следующий успешно извлекает список базы данных...

import 'dart:io';
import 'dart:async';
import 'dart:convert';

const String database = "dosdart1";

main(List<String> args) async {
  List dblist = new List();
  String firstName, lastName;
  print("First name?");
  firstName = stdin.readLineSync();
  print("Last name?");
  lastName = stdin.readLineSync();
  print("You entered $firstName $lastName");
  dblist = await ListDatabases();
  print("received $dblist");

  // send GET http://localhost:2480/listDatabases
  /*
  HttpClient client = new HttpClient();
  client.getUrl(Uri.parse("http://localhost:2480/listDatabases"))
  .then((HttpClientRequest request) {
    return request.close();
  }).then((HttpClientResponse response) {
    response.transform(UTF8.decoder).listen((contents) {
      print("$contents");
      Map json = JSON.decode(contents);
      List dblist = json["databases"];
      if (dblist.contains("dosdart1")) {
        print("database exists");
      } else {
        print("Creating database...");

      }
      print("Found $dblist");

    });
  });
  */
}

Future<List> ListDatabases() {
  var completer = new Completer();
  List dblist = new List();

  HttpClient client = new HttpClient();
  client.getUrl(Uri.parse("http://localhost:2480/listDatabases"))
  .then((HttpClientRequest request) {
    return request.close();
  }).then((HttpClientResponse response) {
    response.transform(UTF8.decoder).listen((contents) {
      //    print("$contents");
      Map json = JSON.decode(contents);
      print("$json");
      for (var db in json['databases']) {
        dblist.add(db);
        print("$db");
      }
    //  print("$dblist");
      completer.complete(dblist);
    });
  });
  return completer.future;


}

Я пытаюсь получить список существующих баз данных из OreintDB и отобразить его в моем браузере. Я могу достичь этой цели в этом приложении командной строки, но я продолжаю терпеть неудачу в веб-клиенте. Какие-либо предложения? Мой код компилируется нормально, но все, что я получаю, это пустая веб-страница на Dartium.

Источник

1 ответ

Я реализовал конфигурационное исправление XML, которое мне дали, изменил тег div на ul, и следующий Dart дал мне мой список базы данных OrientDB

import 'dart:html';
import 'dart:convert';

void main() {
  var root = querySelector('#output') as UListElement;
  HttpRequest.getString("http://localhost:2480/listDatabases").then((content) {
    var raw = JSON.decode(content);
    List databases = raw['databases'];
    for (String database in databases) {
      var li = new LIElement();
      li.appendText(database);
      root.append(li);
    }
  });
}

Я вставил следующее в orient-server-config.xml, как мне сказали:

<parameter value="Access-Control-Allow-Origin: http://localhost:63342;Access-Control-Allow-Credentials: true;Access-Control-Allow-Headers: Content-Type, Access-Control-Allow-Origin;Access-Control-Allow-Methods: POST, GET, OPTION" name="network.http.additionalResponseHeaders"/>
Источник
Другие вопросы по тегам