小程序中的页面配置和网络数据请求

页面配置文件和常用的配置项

        1.在msg.json中配置window中的颜色和背景色

  "navigationBarBackgroundColor": "#efefef","navigationBarTextStyle": "black"

        2.可以看到home中的没有发生变化但是msg的发生变化了,这个和前面的css一样都是就近原则

         3.常用的配置项

属性默认值描述

navigationBarBackgroundColor

efefef

导航栏背景色

navigationBarTextStyle

black,

标签颜色(black/white)

navigationBarTitleText

文字内容

backgroundColor

ffffff

下拉背景色

backgroundTextStyle

dark

下拉的样式(dark/light)

enablePullDownRefresh

false

是否开启下拉刷新

onReachBottomDistance

50

触底刷新的距离

 

 网络数据请求

        请求的限制

        1.HTTPS请求

        2.信任域名

        配置域名

         1.登录网页微信开发者小程序  小程序

   没有账号的可以看这个:快速注册微信小程序

         扫码后配置域名即可,可以在详情中看到我们配置的域名

 

 GET请求

1.在wxml中编写一个按钮,并绑定一个事件

<button bindtap="getInfo" type="primary">get请求</button>

2.在js中编写事件,通过wx.request来调用

    getInfo(){wx.request({url: 'https://www.excook.cn',method:'GET',data:{name:"zs",age:21},success:(data)=>{console.log(data)}})},

3.点击get请求调用

POST请求

 1.在wxml中编写一个按钮,并绑定一个事件

<button bindtap="postInfo" type="primary">post请求</button>

2.在js中编写事件,通过wx.request来调用

    postInfo(){wx.request({url: 'https://www.excook.cn',method:'POST',data:{name:'ls'},success:(resp)=>{console.log(resp.data)}})},

3.点击post请求调用

        如果想要在页面刚加载完毕的时候就自动调用这个方法,我们可以在js中onload中调用者两个方法

    this.getInfo()this.postInfo()

        可以在页面加载完成后调用者两个方法而不是只有我们点击的时候才会调用

 

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

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

相关文章

【STM32RT-Thread零基础入门】 7. 线程创建应用(多线程运行机制)

硬件&#xff1a;STM32F103ZET6、ST-LINK、usb转串口工具、4个LED灯、1个蜂鸣器、4个1k电阻、2个按键、面包板、杜邦线 文章目录 前言一、RT-Thread相关接口函数1. 获取当前运行的线程2. 设置调度器钩子函数 二、程序设计1. 头文件包含及宏定义2. 线程入口函数定义3. main函数设…

Failed to resolve: com.github.mcxtzhang:SwipeDelMenuLayout:V1.3.0

在allprojects下的repositories闭包里面添加jcenter()和maven {url https://jitpack.io}&#xff0c;具体可以看你的第三方框架需要添加什么仓库&#xff0c;大多数都只需要上面两个。 我的build.gradle&#xff08;Project&#xff09;完整内容如下&#xff1a; buildscript …

神经网络简单理解:机场登机

目录 神经网络简单理解&#xff1a;机场登机 ​编辑 激活函数&#xff1a;转为非线性问题 ​编辑 激活函数ReLU 通过神经元升维&#xff08;神经元数量&#xff09;&#xff1a;提升线性转化能力 通过增加隐藏层&#xff1a;增加非线性转化能力​编辑 模型越大&#xff0c;…

Http请求方法

HTTP请求方法&#xff08;HttpGet、HttpPost、HttpPut、HttpDelete&#xff09; HttpGet&#xff1a;HttpGet是HTTP协议中的一种请求方法&#xff0c;用于从服务器获取资源。它通过URL将请求发送给服务器&#xff0c;并使用查询字符串传递参数。HttpGet请求通常用于获取数据&am…

hbase-phoenix

hbase-phoenix 总结 客户端设置 phoenix 客户端&#xff0c; source bigdata_env -- 环境认证 kinit -kt admin.keytab admin -- 用户认证设置phoenix 参数 -- 设置客户端宽度 !set maxwidth 3000 -- 让结果竖着显示 !set outputformat vertical !set outputformat …

【分布式技术专题】「分布式ID系列」百度开源的分布式高性能的唯一ID生成器UidGenerator

UidGenerator是什么 UidGenerator是百度开源的一款分布式高性能的唯一ID生成器&#xff0c;更详细的情况可以查看官网集成文档 uid-generator是基于Twitter开源的snowflake算法实现的一款唯一主键生成器(数据库表的主键要求全局唯一是相当重要的)。要求java8及以上版本。 snow…

选择Rust,并在Ubuntu上使用Rust

在过去的 8 年里&#xff0c;Rust 一直是开发人员最喜欢的语言&#xff0c;并且越来越被各种规模的软件公司采用。然而&#xff0c;它的许多高级规则和抽象创造了一个陡峭的初始学习曲线&#xff0c;这可能会给人留下 Rust 是少数人的保留的印象&#xff0c;但这与事实相去甚远…

YOLO目标检测——动漫头像数据集下载分享

动漫头像数据集是用于研究和分析动漫头像相关问题的数据集&#xff0c;它包含了大量的动漫风格的头像图像。动漫头像是指以动漫风格绘制的虚构人物的头像图像&#xff0c;常见于动画、漫画、游戏等媒体。 数据集点击下载&#xff1a;YOLO动漫头像数据集50800图片.rar

设计模式——行为型

1.观察者模式 应用&#xff1a;多个对象依赖于一个对象时&#xff0c;能有效保证解耦&#xff1b; 特点&#xff1a;建立一种一对多的关系&#xff0c;一个对象发生变化其余对象都能知道并更新&#xff08;JDK内置&#xff09;&#xff1b; 角色&#xff1a;Observable——抽象…

【论文阅读】POIROT:关联攻击行为与内核审计记录以寻找网络威胁(CCS-2019)

POIROT: Aligning Attack Behavior with Kernel Audit Records for Cyber Threat Hunting CCS-2019 伊利诺伊大学芝加哥分校、密歇根大学迪尔伯恩分校 Milajerdi S M, Eshete B, Gjomemo R, et al. Poirot: Aligning attack behavior with kernel audit records for cyber thre…

idea http request无法识别环境变量

问题描述 创建了环境变量文件 http-client.env.json&#xff0c;然后在*.http 文件中引用环境变量&#xff0c;运行 HTTP 请求无法读取环境变量文件中定义的变量。 事故现场 IDEA 版本&#xff1a;2020.2 2021.2 解决步骤 2020.2 版本环境变量无法读取 2021.2 版本从 2020.…

lesson9: C++多线程

1.线程库 1.1 thread类的简单介绍 C11 中引入了对 线程的支持 了&#xff0c;使得 C 在 并行编程时 不需要依赖第三方库 而且在原子操作中还引入了 原子类 的概念。要使用标准库中的线程&#xff0c;必须包含 < thread > 头文件 函数名 功能 thread() 构造一个线程对象…

探工业互联网的下一站!腾讯云助力智造升级

引言 数字化浪潮正深刻影响着传统工业形态。作为第四次工业革命的重要基石&#xff0c;工业互联网凭借其独特的价值快速崛起&#xff0c;引领和推动着产业变革方向。面对数字化时代给产业带来的机遇与挑战&#xff0c;如何推动工业互联网的规模化落地&#xff0c;加速数字经济…

Ubuntu 新服务器基本环境下载conda + docker + docker-compose + git

文章目录 允许root用户登录condadockerdocker-composegit 允许root用户登录 # 以普通用户登录系统&#xff0c;创建root用户的密码 sudo passwd root# SSH 放行 sudo sed -i s/^#\?PermitRootLogin.*/PermitRootLogin yes/g /etc/ssh/sshd_config; sudo sed -i s/^#\?Passwo…

VX小程序 实现区域转图片预览

方法一 1、安装插件 wxml2canvas npm install --save wxml2canvas 2、类型 // 小程序页面 let data{list:[{type:wxml,class:.test_center .draw_canvas,limit:.test_center,x:0,y:0}] } 3、数据结构 let testData[{PageIndex:1,ImageUrl:"https://minio.23544.com:…

【C语言】数组概述

&#x1f6a9;纸上得来终觉浅&#xff0c; 绝知此事要躬行。 &#x1f31f;主页&#xff1a;June-Frost &#x1f680;专栏&#xff1a;C语言 &#x1f525;该篇将带你了解 一维数组&#xff0c;二维数组等相关知识。 目录&#xff1a; &#x1f4d8;前言&#xff1a;&#x1f…

Chrome谷歌浏览器修改输入框自动填充样式

Chrome谷歌浏览器修改输入框自动填充样式 背景字体 背景 input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset !important; }字体 input:-internal-autofill-selected {-webkit-text-fill-color: #000 !important; }

KaiwuDB CTO 魏可伟:回归用户本位,打造“小而全”的数据库

8月16日&#xff0c;KaiwuDB 受邀亮相第十四届中国数据库技术大会 DTCC 2023。KaiwuDB CTO 魏可伟接受大会主办方的采访&#xff0c;双方共同围绕“数据库架构演进、内核引擎设计以及不同技术路线”展开深度探讨。 以下是采访的部分实录 ↓↓↓ 40 多年前&#xff0c;企业的数…

html动态爱心代码【三】(附源码)

目录 前言 特效 内容修改 完整代码 总结 前言 七夕马上就要到了&#xff0c;为了帮助大家高效表白&#xff0c;下面再给大家带来了实用的HTML浪漫表白代码(附源码)背景音乐&#xff0c;可用于520&#xff0c;情人节&#xff0c;生日&#xff0c;表白等场景&#xff0c;可直…

OrienterNet: visual localization in 2D public maps with neural matching 论文阅读

论文信息 题目&#xff1a;OrienterNet: visual localization in 2D public maps with neural matching 作者&#xff1a;Paul-Edouard Sarlin&#xff0c; Daniel DeTone 项目地址&#xff1a;github.com/facebookresearch/OrienterNet 来源&#xff1a;CVPR 时间&#xff1a…