前端入门flutter--17 Flutter http get请求数据、post提交数据、以及渲染动态数据-

　　　　　　学的差不多组件啥的了，虽然还有表单啥的，但是时间不允许武装到牙齿再上战场的，作为一个开发，必须得学网络请求了，这块最提现是否能做这个工作和水准了，能看视频就看视频。。。

　　　　　　本人随意在网上找了一篇，链接：https://blog.csdn.net/u013600907/article/details/104896974。

　　　　　　至于我的是不完全的，还是在之前基础上加一个按钮事件，如下：

　　　　　　

import 'package:flutter/material.dart';
import 'dart:convert';
// import 'package:flutter_app1/%E5%9F%BA%E6%9C%AC%E8%B7%AF%E7%94%B1%20%E5%9F%BA%E6%9C%AC%E8%B7%AF%E7%94%B1%E8%B7%B3%E8%BD%AC%E4%BC%A0%E5%80%BC/main.dart';
import '../Seacrh.dart';
import 'package:http/http.dart' as http;


class HomePage extends StatefulWidget{
    HomePage({Key key}) :super(key: key);
    _HomePage createState()=>_HomePage();
}

class _HomePage extends State<HomePage>{
  String _id='';
//  请求数据
_getData() async{
  print("result");
  var apiUrl = "http://news.baidu.com/passport";
  var result = await http.get(apiUrl);

  if(result.statusCode==200){
    print(result.body);
    setState(() {
      this._id = result.body;
    });

  }else{
    print(result.statusCode);
  }
}

@override
void initState(){
  super.initState();
  // Map userInfo={
  //   "userName":"张三",
  //   "age":20
  // };
  //
  // var a = json.encode(userInfo);//吧Map数据类型转换成json类型
  //
  // print(userInfo is Map);
  // print(a is String);

  // String userInfo='{"userName":"zhansan","age":20}';
  // Map u = json.decode(userInfo); //把json数据类型转换成Map类型
  // print(u["userName"]);
  // var url = 'https://example.com/whatsit/create';
  // var  response =  http.post(url, body: {'name': 'doodle', 'color': 'blue'});
  // print('Response status: ${response}');
  // // print('Response body: ${response}');
  //
  // print( http.read('https://example.com/foobar.txt'));
}





  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      crossAxisAlignment: CrossAxisAlignment.center,
      children: <Widget>[
        Text("${this._id}"),
        RaisedButton(
            child: Text('get请求'),
            onPressed:_getData,
          color: Theme.of(context).accentColor,
          textTheme: ButtonTextTheme.primary
        ),
        RaisedButton(
          child: Text('跳转到商品页面'),
    onPressed: (){
      Navigator.pushNamed(context, '/product');
    },
          color: Theme.of(context).accentColor,
          textTheme: ButtonTextTheme.primary,
        ),
        //
        RaisedButton(
          child: Text('跳转到appBar'),
          onPressed: (){
            Navigator.pushNamed(context, '/appBar');
          },
          color: Theme.of(context).accentColor,
          textTheme: ButtonTextTheme.primary,
        )
      ],
    );
  }
}

效果：

小结：一般请求都是做很多处理的，而且目前是使用dio比较多，最好的方式去github上面拉一个flutter项目搞，分离出请求那块，以点破面。