此 dart 代码将一个 json 字符串发送到下一个服务器端代码并接收响应。飞镖代码有效。但是dart2js编译的js代码加载http响应失败,报错。这是 dart2js 中的错误吗?还是我做错了什么?
客户端代码:
import 'dart:html';
import 'dart:convert';
void main() {
querySelector(".button").onClick
.listen( (e) {
String url = 'http://127.0.0.1:8480';
HttpRequest request = new HttpRequest();
Map data = {
"int value" : 1,
"string value": 'Dartlang.'
};
String jsonData = JSON.encode(data);
print("json data sent = " + jsonData);
request
..open("POST", url, async: true)
..onLoadStart.listen((e) => print("Started loading"))
..onError.listen( (e) =>( print("Error occurred.")))
..onTimeout.listen((e) => (print("Server is not responding.")))
..onLoad.listen( (e) => (print("Response text = ${request.responseText}")))
..send(jsonData);
});
}
服务器端代码:
import 'dart:io';
import 'dart:async';
import 'package:http_server/http_server.dart';
void main() {
print("Listening for HTTP Requests...");
final HOST = InternetAddress.ANY_IP_V6;
final PORT = 8480;
HttpServer.bind(HOST, PORT).then((server) {
server.transform(new HttpBodyHandler())
.listen((HttpRequestBody body) {
HttpRequest request = body.request;
print("Recieved request from: ${request.connectionInfo.remoteAddress.address}");
var response = request.response;
addCorsHeaders(response);
response.write("You sent: ${body.body}");
response.close();
});
});
}
void addCorsHeaders(HttpResponse res) {
res.headers.add("Access-Control-Allow-Origin", "*, ");
res.headers.add("Access-Control-Allow-Methods", "POST, GET, OPTIONS");
res.headers.add("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
}
html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HttprequestTester</title>
<link rel="stylesheet" href="httprequesttester.css">
</head>
<body>
<button class='button'>Send HTTP Request</button>
<script type="application/dart" src="httprequesttester.dart"></script>
<script src="packages/browser/dart.js"></script>
</body>
</html>