通过 http 请求从 Wix 数据库中获取数据答案

【问题标题】：Fetch Data from a Wix Database through http request通过 http 请求从 Wix 数据库中获取数据
【发布时间】：2021-11-05 20:19:39
【问题描述】：

我使用 Wix 创建了一个数据库，其中包含多种不同类型的内容，如字符串、图像、地址等。我想将 WIX 数据库中的信息用于应用程序（使用 Flutter 和飞镖）；只是在 ListView 中描绘信息，但似乎数据没有到达应用程序。

我在 Wix 上创建了必要的功能以使第三方可以访问数据库，并使用 Postman 对其进行了测试。当我使用此 Url (https://daudadmin.editorx.io/acteeventpage/_functions/regions) 发出请求时，它工作正常，邮递员将包含所有信息的项目返回为 JSON。

现在当我在我的应用代码中使用 URL 时；它只是返回一个空白页。这是我目前使用的代码：

import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:http/http.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({Key key}) : super(key: key);

  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  final url = 'https://daudadmin.editorx.io/acteeventpage/_functions/regions';
  var _postsJson = [];

  void fetchData() async {
    try {
      final response = await get(Uri.parse(url));
      final jsonData = jsonDecode(response.body) as List;

      setState(() {
        _postsJson = jsonData;
      });
    } catch (err) {
      //handle error here with error message
    }
  }

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    fetchData();
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: ListView.builder(
            itemCount: _postsJson.length,
            itemBuilder: (context, i) {
              final post = _postsJson[i];
              return Text("Title: ${post["title"]}");
            }),
      ),
    );
  }
}

【问题讨论】：

标签： dart httprequest velo flutter-http dart-http

【解决方案1】：

这是导致您的错误的行

final jsonData = jsonDecode(response.body) as List;

从端点返回的数据是 Map 而不是 List。

{
  "items": [
    {},
    ...
  ],
}

要访问列表，请尝试通过将声明更改为来访问地图的 items 属性

final jsonData = jsonDecode(response.body)["items"] as List;

【讨论】：