首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

Vue 使用 vue-resource 发起post请求,增加列表数据

需求 上一章节说明了发起get请求,渲染列表的数据,如下: 本章节主要需要实现的功能是点击「添加」按钮,进行数据添加,同时重新渲染列表的数据。...设计API接口 URL地址 :/add_list 作用描述 :增加列表中的数据 请求方式 :POST 传入api的参数: {"id":1,"name":"千里马"} 返回数据格式 :json 返回数据格式样例...: { "messages": "添加成功", "status": 0 } Flask后台服务 定义数据列表为全局变量data_list,开发add_list视图函数设置增加data_list...再次刷新列表,重新执行get_list接口,刷新列表数据 开发判断使用status == 0 的条件判断添加数据成功后,再执行get_list请求,立即刷新数据。...} }) } }, 再次添加数据,检查列表的刷新情况 添加数据成功后,立即刷新列表的数据。 添加成功后,还要重置id、name输入框的数据

47020

Vue 使用 vue-resource 发起post请求,增加列表数据

需求 上一章节说明了发起get请求,渲染列表的数据,如下: ? 本章节主要需要实现的功能是点击添加按钮,进行数据添加,同时重新渲染列表的数据。...设计API接口 URL地址 : /add_list 作用描述 : 增加列表中的数据 请求方式 : POST 传入api的参数: {"id":1,"name":"千里马"} 返回数据格式 : json 返回数据格式样例...: { "messages": "添加成功", "status": 0 } Flask后台服务 定义数据列表为全局变量data_list,开发add_list视图函数设置增加data_list数据...再次刷新列表,重新执行get_list接口,刷新列表数据 ? 开发判断使用status == 0的条件判断添加数据成功后,再执行get_list请求,立即刷新数据。 ?...} }) } }, 再次添加数据,检查列表的刷新情况 ? 添加数据成功后,立即刷新列表的数据。 添加成功后,还要重置id、name输入框的数据 ?

1.1K20

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券