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

Question

我使用 Wix 创建了一个数据库，其中包含多种不同类型的内容，例如字符串、图像、地址，并且 more.I 想将 WIX 数据库中的信息用于应用程序（使用 Flutter 和 Dart);只是在 ListView 中描述信息，但数据似乎没有到达应用程序。

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

现在，当我在我的应用程序代码中使用 Url 时；它只是 returns 一个空白页。这是我目前使用的代码：

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"]}");
            }),
      ),
    );
  }
}

Answer 1

这是导致您出错的行

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

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

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

要访问列表，请尝试通过将声明更改为

来访问地图的项目属性

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

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

Fetch Data from a Wix Database through http request

httprequest

dart

dart-http

flutter-http

velo