09事件传递参数-封装网络请求api get和post合并整合在一起

简介: 09事件传递参数-封装网络请求api get和post合并整合在一起

1==>通过点击事件进行传递参数


<view  bindtap="goEdution" data-index="5">西南大学</view>
  <view  bindtap="goEdution" data-index="6">北京师范</view>
  <view  bindtap="goEdution" data-index="7">成都大学</view>
  // 传递的参数
  goEdution(e) {
    console.log("传递过来的参数", e.currentTarget.dataset['index']) //5  6  7
  },
  传递参数时  使用data-开头就好了
  传递的参数通过dataset来接受


2===》


 封装网络请求


 在page同级目录下创建 serverhttpapi文件夹 ==》创建httpapi.js文件


export default function mynetwork(options){
  console.log("你调用了我");
  wx.request({
    url: options.url, //请求的地址
    method:options.method||"get",//方式
    data:options.data||{},//参数
    // 成功的回调
    success:function(res){
      console.log(res)
    },
    fail:function(err){
      console.log("失败的调用")
    }
  })
}


由于不能够直接在这里打印出来  所以使用promise  注意返回值哦 如下


export default function mynetwork(options){
  return new Promise((resolve,reject)=>{
    wx.request({
      url: options.url, //请求的地址
      method: options.method || "get",//方式
      data: options.data || {},//参数
      // 成功的回调
      success: function (res) {
       resolve(res)
      },
      fail: function (err) {
       reject(err)
      }
    })
  })
}


在某个js页面引入


import mynetwork from "../../serverhttpapi/httpapi.js"
Page({
})


调用


onLoad: function (options) {
    mynetwork({
      url: "https://edu.51cto.com/center/seckill/index/get-seckill-data",
      method: "get",
    }).then(res=>{
      console.log("封装",res) //输出数据
    }).catch(err=>{
      console.log(err)
    })
  }
相关文章
|
4月前
|
API 开发者
WebSocket API 中的 onerror 事件和 close 事件有什么不同?
【10月更文挑战第26天】`onerror`事件侧重于通知开发者WebSocket连接过程中出现的错误,以便进行相应的错误处理和恢复;而`close`事件则主要用于在连接关闭时进行资源清理和根据关闭情况采取适当的后续操作。两者在WebSocket应用的开发中都起着重要的作用,帮助开发者更好地管理和处理WebSocket连接的各种情况。
|
20天前
|
安全 网络协议 Java
Java网络编程封装
Java网络编程封装原理旨在隐藏底层通信细节,提供简洁、安全的高层接口。通过简化开发、提高安全性和增强可维护性,封装使开发者能更高效地进行网络应用开发。常见的封装层次包括套接字层(如Socket和ServerSocket类),以及更高层次的HTTP请求封装(如RestTemplate)。示例代码展示了如何使用RestTemplate简化HTTP请求的发送与处理,确保代码清晰易维护。
|
4月前
|
Java API PHP
阿里巴巴参数获取API
阿里巴巴的参数获取API流程包括:1. 注册并认证开发者账号;2. 创建应用,获取API密钥;3. 阅读API文档,了解请求参数和返回格式;4. 编写代码调用API,如使用Python请求商品详情;5. 注意API类型及其参数,遵守数据使用规则和法律法规。
|
4天前
|
缓存 小程序 API
微信小程序网络请求与API调用:实现数据交互
本文深入探讨了微信小程序的网络请求与API调用,涵盖`wx.request`的基本用法、常见场景(如获取数据、提交表单、上传和下载文件)及注意事项(如域名配置、HTTPS协议、超时设置和并发限制)。通过一个简单案例,演示了如何实现小程序与服务器的数据交互。掌握这些技能将帮助你构建功能更丰富的应用。
|
2月前
|
XML JSON API
淘宝商品详情(item get)API接口系列,示例说明参考
淘宝商品详情(item_get)API接口是淘宝开放平台(Taobao Open Platform)提供的一个重要接口,允许开发者通过HTTP请求获取淘宝商品的详细信息。以下是对该接口系列的示例说明参考
|
3月前
|
Kubernetes 安全 Devops
有效抵御网络应用及API威胁,聊聊F5 BIG-IP Next Web应用防火墙
有效抵御网络应用及API威胁,聊聊F5 BIG-IP Next Web应用防火墙
100 10
有效抵御网络应用及API威胁,聊聊F5 BIG-IP Next Web应用防火墙
|
3月前
|
JSON 安全 API
淘宝商品详情API接口(item get pro接口概述)
淘宝商品详情API接口旨在帮助开发者获取淘宝商品的详细信息,包括商品标题、描述、价格、库存、销量、评价等。这些信息对于电商企业而言具有极高的价值,可用于商品信息展示、市场分析、价格比较等多种应用场景。
|
3月前
|
JSON 自然语言处理 Java
OpenAI API深度解析:参数、Token、计费与多种调用方式
随着人工智能技术的飞速发展,OpenAI API已成为许多开发者和企业的得力助手。本文将深入探讨OpenAI API的参数、Token、计费方式,以及如何通过Rest API(以Postman为例)、Java API调用、工具调用等方式实现与OpenAI的交互,并特别关注调用具有视觉功能的GPT-4o使用本地图片的功能。此外,本文还将介绍JSON模式、可重现输出的seed机制、使用代码统计Token数量、开发控制台循环聊天,以及基于最大Token数量的消息列表限制和会话长度管理的控制台循环聊天。
1084 7
|
3月前
|
数据采集 监控 数据挖掘
常用电商商品数据API接口(item get)概述,数据分析以及上货
电商商品数据API接口(item get)是电商平台上用于提供商品详细信息的接口。这些接口允许开发者或系统以编程方式获取商品的详细信息,包括但不限于商品的标题、价格、库存、图片、销量、规格参数、用户评价等。这些信息对于电商业务来说至关重要,是商品数据分析、价格监控、上货策略制定等工作的基础。
|
4月前
|
存储 数据可视化 API
重磅干货,免费三方网络验证[用户系统+CDK]全套API接口分享教程。
本套网络验证系统提供全面的API接口,支持用户注册、登录、数据查询与修改、留言板管理等功能,适用于不想自建用户系统的APP开发者。系统还包含CDK管理功能,如生成、使用、查询和删除CDK等。支持高自定义性,包括20个自定义字段,满足不同需求。详细接口参数及示例请参考官方文档。

热门文章

最新文章