http和dio实现网络请求
http:
配置依赖
#网络请求
http: ^0.13.4
导入包
import 'package:http/http.dart' as http;
声明一个列表存储请求返回的数据
List _list = [];
声明请求方法
_getData() async {
var apiUrl = Uri.parse('https://jdmall.itying.com/api/pcate');
var response = await http.get(apiUrl);
setState(() {
//response.body的类型是String。
_list = json.decode(response.body)['result'];
});
}
初始化方法
@override
void initState() {
super.initState();
_getData();
}
使用请求的数据
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('请求数据'),
),
body: _list.isNotEmpty
? ListView.builder(
itemCount: _list.length,
itemBuilder: (context, index) {
return ListTile(
title: Text(_list[index]['title']),
);
})
: const Text('正在请求...'),
);
}
}
Dio:
配置依赖
dio: ^4.0.4
导入包
import 'package:http/http.dart' as http;
声明一个列表存储请求返回的数据
List _list = [];
定义请求数据的方法
_getData() async {
var response = await Dio().get('https://jdmall.itying.com/api/pcate');
if (response.statusCode == 200) {
print(response.data);
setState(() {
_list = response.data['result'];
});
} else {
print('Response status:${response.statusCode}');
}
print('${response.data}');
}
初始化方法
@override
void initState() {
super.initState();
_getData();
}
使用
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('请求数据'),
),
body: _list.isNotEmpty
? ListView.builder(
itemCount: _list.length,
itemBuilder: (context, index) {
return ListTile(
title: Text(_list[index]['title']),
);
})
: const Text('正在请求...'),
);
}
}