小程序数据请求的方式和注意事项

news2024/12/27 15:13:19

1.小程序中网络数据请求的限制

出于安全性方面的考虑,小程序官方对数据接口的请求做出了如下两个限制:

① 只能请求HTTPS类型的接口

② 必须将接口的域名添加到信任列表中

2.配置request合法域名

假设要在自己的微信小程序中,希望请求某一域名下的接口,则配置步骤如下:

登录微信小程序管理进后台->开发->开发管理->开发设置->服务器域名->修改request合法域名

注意事项:

① 域名只支持https协议

② 域名不能使用IP地址或localhost

③ 域名必须经过ICP备案

④ 服务器域名一个月内最多可申请修改5次

3.发起GET请求

调用微信小程序提供的wx.request()方法,可以发起GET数据请求。

首先设置好请求域名,然后操作如下:

<button type="primary" bindtap="Info">GET获取请求</button>

.js文件和data数据平级

Info(){
    wx.request({
      // 请求路径
      url:"https://www.escook.cn/api/get",
      // 请求方式
      method:"GET",
      // 发送到服务器的数据
      data:{
        name:"张三",
        age:20
      },
      // 成功之后的回调函数
      success:(res)=>{
        console.log(res);
      }
    })
  },

4.发起POST请求

调用微信小程序提供的wx.request()方法,可以发起POST数据请求

<button type="primary" bindtap="PostInfo">POST获取请求</button>


  PostInfo(){
    wx.request({
      // 请求路径
      url:"https://www.escook.cn/api/post",
      // 请求方式
      method:"POST",
      // 发送到服务器的数据
      data:{
        name:"张三",
        age:20
      },
      // 成功之后的回调函数
      success:(res)=>{
        console.log(res);
      }
    })
  },

5.在页面刚加载时请求数据

在很多情况下,我们需要在页面刚加载的时候,自动请求一些初始化的数据。此时需要在页面的onLoad事件中调用获取数据的函数

 /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
this.PostInfo()
  },

6.跳过request合法域名校验

如果后端仅仅提供了http协议的接口,暂时没有https接口,此时可以通过以下设置跳过request合法域名校验。

注意:仅在开发调试阶段使用。

7.关于跨域和Ajax的介绍

跨域问题只存在于基于浏览器的web开发中,由于小程序的宿主环境不是浏览器,而是微信客户端,所以小程序不存在跨域问题。

Ajax技术的核心是依赖于浏览器中的XMLHttpRequest这个对象,而小程序的宿主环境是微信客户端,所以小程序无法叫“发起Ajax请求”,而是叫“发起网络数据请求”。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/46289.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Mysql 索引基数与选择性

这篇文章主要介绍 MySQL 索引的 Cardinality 值&#xff08;基数&#xff09;以及索引的可选择性。 什么是索引&#xff1f; 先看一下 wiki 定义&#xff1a; 索引&#xff08;英语&#xff1a;Index&#xff09;&#xff0c;是一本书籍的重要组成部分&#xff0c;它把书中的…

微信小程序中基础入门

一、数据绑定 1.数据绑定的基本原则 ① 在data中定义数据&#xff08;在.js文件&#xff09; ② 在wxml中使用数据 2.Mustache语法的格式 把data中的数据绑定到页面中进行渲染&#xff0c;使用MUstache语法&#xff08;双大括号&#xff0c;可以理解为vue中的插值表达式&…

Redis——》数据类型:List(列表)

推荐链接&#xff1a; 总结——》【Java】 总结——》【Mysql】 总结——》【Redis】 总结——》【Spring】 总结——》【SpringBoot】 总结——》【MyBatis、MyBatis-Plus】 Redis——》数据类型&#xff1a;List&#xff08;列表&#xff09;一、简介…

Linux02——操作系统接口

一、前言 OS是软硬件之前的桥梁&#xff1a;操作系统管理硬件&#xff0c;最终以服务的形式提供给用户。如用户读取磁盘数据&#xff0c;OS设备管理将读出来的数据通过文件系统交给用户。OS管理员对CPU&#xff08;进程&#xff09;管理&#xff0c;对内存管理&#xff0c;对设…

PyCharm中鼠标悬停在函数上时显示函数和帮助

一、问题 1.1 鼠标放上去不显示文档的提示 鼠标放在随意一个函数上面不显示他的说明了 我也不知道是咋了 二、解决 2.1 首先我只记得有一个侧边栏叫document 经典的解决办法 2.2 在setting中查看这是干嘛的 很多东西都可以在setting中查看到具体的功能 还可以查看到从哪里能…

Redis高级篇——持久化

Redis持久化 1.RDB 1.1RDB简介 RDB全称Redis Database Backup file &#xff08;Redis数据备份文件&#xff09;&#xff0c;也被叫做Redis数据快照。把内存中的数据都记录到磁盘中&#xff0c;当Redis实例故障重启后&#xff0c;从磁盘中读取快照文件&#xff0c;恢复数据。…

蓝海创意云接受【看苏州】独家专访:助力苏州数字文化行业全方位发展

近日&#xff0c;由蓝海创意云提供渲染服务的动漫电影《老鹰抓小鸡》获金鸡奖最佳美术片提名&#xff0c;位列获奖名单的《长津湖》《独行月球》也由蓝海创意云渲染提供了后期服务。 就此&#xff0c;苏州广播电视总台旗下的苏州权威热点新闻和视频平台【看苏州】对蓝海彤翔执…

# Vue 中 JSON 编辑器使用

Vue 中 JSON 编辑器使用 文章目录Vue 中 JSON 编辑器使用背景描述vue-json-edit安装依赖测试页面效果图bin-code-editor安装依赖测试页面效果图CodeMirror安装依赖测试页面效果图vue-json-views安装依赖属性说明测试页面效果图vue-json-pretty安装依赖属性说明测试页面效果图码…

【CSS3】重点知识内容,快速上手

推荐前端学习路线如下&#xff1a; HTML、CSS、JavaScript、noodJS、组件库、JQuery、前端框架&#xff08;Vue、React&#xff09;、微信小程序和uniapp、TypeScript、webpack 和 vite、Vue 和 React 码源、NextJS、React Native、后端内容。。。。。。 层级选择器 a>b …

Kotlin高仿微信-第3篇-主页

Kotlin高仿微信-项目实践58篇详细讲解了各个功能点&#xff0c;包括&#xff1a;注册、登录、主页、单聊(文本、表情、语音、图片、小视频、视频通话、语音通话、红包、转账)、群聊、个人信息、朋友圈、支付服务、扫一扫、搜索好友、添加好友、开通VIP等众多功能。 Kotlin高仿…

Matlab图像处理基础(2):区域处理,边沿检测

目录 0. 概要 2. 卷积和相关 2.1 卷积 2.2 相关 2.3 卷积与相关的关系 2.4 Matlab函数 2.5 2-D卷积/相关的分解 3. 高通滤波&#xff0c;edge detection 3.1 matlab edge()函数 3.2 各种算子简介 3.2.1 Robert算子 3.2.2 Prewitt算子 3.2.3 Sobel算子 3.4 Cann…

维也纳国际酒店+丽柏酒店首个同物业双品牌项目成功加盟,中高端酒店品牌联动浮现新模式

从改革开放开启中国酒店市场化浪潮伊始&#xff0c;中国酒店市场一直处在高速发展的快车道。但四十年来&#xff0c;这条赛道上的竞争也出现了多次驱动引擎的动能转换。1996年起的20年里&#xff0c;庞大的经济型酒店切割了市场的主要蛋糕。而从2016年开始&#xff0c;中端酒店…

P2 Pytorch 张量数据类型

前言 1&#xff1a; 数据类型 2&#xff1a; 常用API 参考&#xff1a; 课时14 张量数据类型-1_哔哩哔哩_bilibili 一 数据类型 除了string ,相对于Numpy PyTorch 都能找到对应的数据类型 1.1 常用的Data type 常用的5种: IntTensor, LogTensor, ByteTensor, DoubleTensor,…

从迷之自信到逻辑自信(简版)

从2012年开始工作&#xff0c;10多年了&#xff1b; 从2002年开始奋斗&#xff0c;20多年了。 回首这20年&#xff0c;感觉自己的成绩很有限&#xff0c;相比过往的勤奋努力。 时代因素也有&#xff0c;个人智商等先天性制约也存在&#xff0c;但是呢&#xff0c;我就特别想…

ObjectARX的对象引用关系以及深克隆(deepClone)

目录1、对象引用概念1.1 概念1.2 所有权引用1.3 指针引用1.4 对象引用实现的例子2 关于深克隆(Deep Clone)2.1 深克隆基础2.2 clone() 和deepClone()2.3 关键概念2.3.1 克隆和存档2.3.2 克隆和所有权2.3.3 克隆和ID映射2.3.4 克隆和转换2.4 典型的deepClone操作1、对象引用概念…

第3讲 Android Camera Native Framework cameraserver.rc详解(上)

本讲是Android Camera Native Framework专题的第3讲&#xff0c;我们介绍cameraserver.rc详解&#xff08;上&#xff09;&#xff0c;包括如下内容&#xff1a; Android init语言简介cameraserver.rc详解 serviceuser选项group选项ioprio选项task_profiles选项rlimit选项 视频…

ubuntu安装配置mysql

ubuntu安装配置mysql 提示&#xff1a;ubuntu版本16.0.4&#xff0c;默认安装的mysql版本为 5.7 提示&#xff1a;MYSQL的安装、配置&#xff1a; ubuntu mysql的安装既可以使用命令直接安装&#xff0c;也可以安装包方式安装。本文主要介绍命令直接安装方式&#xff0c;包括安…

Spring更加简单地存储Bean

目录 前提引入 更加简单地存储Bean对象到Spring中 context:component-scan 将Bean存储到Spring中用到的注解 Controller Service Repository Component Configuration 这五大类注解都有什么关系呢 ? 为什么要有这么多类注解有什么作用么 ? Bean命名规则 Bean注解…

61 - 智能指针类模板

---- 整理自狄泰软件唐佐林老师课程 1. 智能指针 1.1 智能指针的意义 现代C开发库中最重要的类模板之一C中自动内存管理的主要手段能够很大程度上避开内存相关的问题 1.2 STL中智能指针 auto_ptr 生命周期结束时&#xff0c;销毁指向的内存空间不能指向堆数组&#xff0c;只…

大数据平台功能

一 前言 计算机设备和信息数据的相互融合&#xff0c;对各个行业来说都是一次非常大的进步&#xff0c;已经渗入到工业、农业、商业、军事等领域&#xff0c;同时其大数据平台软件也得到一定发展。就目前来看&#xff0c;各类编程语言的发展、人工智能相关算法的应用、大数据时…