微信小程序用get/post提交form数据调用接口并循环显示在页面

最新推荐文章于 2023-06-06 19:55:16 发布

Dove言和

最新推荐文章于 2023-06-06 19:55:16 发布

阅读量4.6k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： API 微信小程序实战全记录文章标签：微信小程序表单提交调用接口

本文为博主原创文章，未经博主允许不得镜像、转载。

本文链接：https://blog.youkuaiyun.com/qq_21041889/article/details/89643195

微信小程序实战全记录同时被 2 个专栏收录

94 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

API

17 篇文章

订阅专栏

本文介绍了在微信小程序中如何通过get/post方式提交表单数据，调用天气预报接口，并将返回的结果在页面上进行循环展示。通过示例代码展示了WXML和JS的实现细节，帮助读者理解微信小程序中接口调用和数据渲染的基本流程。

在开发微信小程序的过程中，有调用接口的情况，（如果是想找免费接口用来测试或者玩的，可以去免费开放接口API找免费的API接口）

本篇文章以表单提交调用天气预报的接口 https://apis.juhe.cn/simpleWeather/query

下面是wxml代码，一个简单的表单提交页面

<view wx:if="{
  
  {item == ''}}">
  <form bindsubmit="formSubmit" bindreset="formReset">
    <view class="cu-form-group margin-top">
      <view class='title'>输入要查询的城市名称</view>
      <input class='radius' id='city' name="city"></input>
    </view>
    <view class="padding flex flex-direction">
    <button class='cu-btn bg-red margin-tb-sm lg'formType="submit">提交</button>
    </view>
  </form>
&l

了解本专栏