Flutter进阶第1篇： http get请求数据、post提交数据、以及渲染动态数据

效果图：

导入： http: ^0.12.0+2库

Http_Back.dart

import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
import 'dart:convert';class HttpDemo extends StatefulWidget {HttpDemo({Key key}) : super(key: key);_HttpDemoState createState() => _HttpDemoState();
}class _HttpDemoState extends State<HttpDemo> {List _list=[];@overridevoid initState() {// TODO: implement initStatesuper.initState();this._getData();}_getData() async{var apiUrl="http://a.itying.com/api/productlist";var result=await http.get(apiUrl);if(result.statusCode==200){print(result.body);setState(() {this._list=json.decode(result.body)["result"];/*{"result": [{"_id": "5ac0896ca880f20358495508","title": "精选热菜","pid": "0",     }, {"_id": "5ac089e4a880f20358495509","title": "特色菜","pid": "0",}]}*/});}else{print("失败${result.statusCode}");}}@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text("请求数据Demo"),),body: this._list.length>0?ListView(children: this._list.map((value){return ListTile(title: Text(value["title"]),);}).toList(),):Text("加载中..."));}
}

请求数据

  //请求数据_getData() async{var apiUrl="http://192.168.0.5:3000/news";var result=await http.get(apiUrl);if(result.statusCode==200){// print(json.decode(result.body));setState(() {this._news=json.decode(result.body)["msg"]; });}else{print(result.statusCode);}}

提交数据

  _postData() async{var apiUrl="http://192.168.0.5:3000/dologin";var result=await http.post(apiUrl, body: {'username': '张三', 'age': '20'});if(result.statusCode==200){print(json.decode(result.body));      }else{print(result.statusCode);}}

Flutter进阶第1篇： http get请求数据、post提交数据、以及渲染动态数据相关推荐

阿里大神最佳总结Flutter进阶学习笔记，技术详细介绍
开头很多人工作了十年,但只是用一年的工作经验做了十年而已. 高级工程师一直是市场所需要的,然而很多初级工程师在进阶高级工程师的过程中一直是一个瓶颈. 移动研发在最近两年可以说越来越趋于稳定,因为越来 ...
Flutter进阶—实现动画效果（四）
在上一篇文章:Flutter进阶-实现动画效果(三)中,实现了一个随机高度.颜色的条形.这一篇文章我们会实现多个条形,同样是随机高度.颜色. 首先在bar.dart中创建BarChart类,并使用固定 ...
Flutter进阶—实现动画效果（三）
在上一篇文章:Flutter进阶-实现动画效果(二)的最后,我们实现了一个控件,其中包含各种布局和状态处理控件.以及使用自定义的动画感知绘图代码绘制单个Bar的控件.还有一个浮动按钮控件,用于启动条形 ...
Flutter进阶—实现动画效果（二）
在上一篇文章:Flutter进阶-实现动画效果(一)的最后,我们说到需要一个处理程序混乱的概念.在这一篇文章中,我们会引入补间,它是构建动画代码的一个非常简单的概念,主要作用是用面向对象的方法替代之前 ...
JavaScript 进阶知识 - Ajax篇
Ajax 前言前面我们已经学习了js基础知识和一些简单的特效,基本上已经能够写出一个带有特效的静态页面了,为什么还要称之为静态页面呢?因为网页里的数据都是写死的,真正的工作中,我们是要通过Ajax技 ...
阿里内部总结“Flutter进阶笔记”，你收藏好了嘛?
每一个移动开发者都在为 Flutter 带来的"快速开发.富有表现力和灵活的 UI.原生性能"的特色和理念而痴狂,从超级 App 到独立应用,从纯 Flutter 到混合栈,开发者 ...
MySQL数据库基础以及进阶（一篇全）
本文主要介绍了MySQL数据库的基础知识以及进阶知识----->适合有志学习MySQL的初学者,使其从入门到精通(如有安装MySQL等方面问题,欢迎留言) 文章目录基础篇 [通用语法及分类] ...
SQL Server索引进阶第六篇：书签
SQL Server索引进阶第六篇:书签索引设计是数据库设计中比较重要的一个环节,对数据库的性能其中至关重要的作用,但是索引的设计却又不是那么容易的事情,性能也不是那么轻易就获取到的,很多的技术人员 ...
spring boot 跨域请求_SpringBoot 系列教程 web 篇之自定义请求匹配条件 RequestCondition...
191222-SpringBoot 系列教程 web 篇之自定义请求匹配条件 RequestCondition 在 spring mvc 中,我们知道用户发起的请求可以通过 url 匹配到我们通过@R ...
SQL Server索引进阶第十篇：索引的内部结构
索引设计是数据库设计中比较重要的一个环节,对数据库的性能其中至关重要的作用,但是索引的设计却又不是那么容易的事情,性能也不是那么轻易就获取到的,很多的技术人员因为不恰当的创建索引,最后使得其效果适得其 ...

Flutter进阶第1篇： http get请求数据、post提交数据、以及渲染动态数据

Flutter进阶第1篇： http get请求数据、post提交数据、以及渲染动态数据相关推荐

最新文章

热门文章