正文

Flutter中JSON参数传递示例

/0 浏览量
1015

在Flutter中，JSON是一种常用的数据交换格式，它可以帮助你轻松地在客户端和服务器之间传递数据。本文将详细介绍如何在Flutter中处理JSON参数的传递，包括发送和接收JSON数据。

JSON基础

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。JSON格式由键值对组成，键和值之间用冒号（:）分隔，多个键值对之间用逗号（,）分隔。

示例

{
  "name": "John",
  "age": 30,
  "isStudent": false
}

发送JSON数据

在Flutter中，你可以使用http包来发送JSON数据。以下是一个发送POST请求的示例，它将JSON数据发送到服务器。

import 'package:http/http.dart' as http;

void main() async {
  var url = Uri.parse('https://example.com/api/post');
  var data = {
    'name': 'John',
    'age': 30,
    'isStudent': false
  };

  var response = await http.post(url, body: json.encode(data));

  if (response.statusCode == 200) {
    print('Response body: ${response.body}');
  } else {
    print('Request failed with status: ${response.statusCode}.');
  }
}

在上面的代码中，我们首先导入http包，然后创建一个Uri对象来指定请求的URL。接着，我们创建一个包含JSON数据的Map对象，并使用json.encode方法将其转换为JSON字符串。最后，我们使用http.post方法发送POST请求，并等待服务器的响应。

接收JSON数据

在Flutter中，接收JSON数据通常涉及解析服务器返回的JSON字符串。以下是一个接收GET请求并解析JSON数据的示例。

import 'dart:convert';

void main() async {
  var url = Uri.parse('https://example.com/api/get');
  var response = await http.get(url);

  if (response.statusCode == 200) {
    var decodedJson = json.decode(response.body);
    print('Response body: ${decodedJson}');

    // 访问JSON数据
    var name = decodedJson['name'];
    var age = decodedJson['age'];
    var isStudent = decodedJson['isStudent'];

    print('Name: $name, Age: $age, Is Student: $isStudent');
  } else {
    print('Request failed with status: ${response.statusCode}.');
  }
}

在上面的代码中，我们使用http.get方法发送GET请求，并等待服务器的响应。如果响应状态码为200，则表示请求成功。然后，我们使用json.decode方法将响应体解析为JSON对象，并可以访问其中的数据。

总结

在Flutter中，JSON参数传递是一种常见的数据交换方式。通过使用http包，你可以轻松地发送和接收JSON数据。本文介绍了JSON的基础知识、发送POST请求以及接收GET请求的方法，希望对你有所帮助。

-- 展开阅读全文 --