微信小程序wx.request(1)——基本操作

news/2024/10/30 23:19:54/

     微信小程序的wx.request是微信小程序最早生成的数据库传输模式,数据传输简单明确。接下来,我们来操作下微信小程序如何链接数据库。

       首先,wx.request整体的架构如下:

wx.request({url:'https://域名ID/index.php', //必填,其他的都可以不填data:{  a:1, b:2},header:{  'content-type':'application/json'},method:'GET',  dataType:'JSON',  responseType:'text', success(res){console.log(res);},fail(){  console.log('fail')},complete(){   console.log('complete')   }

       各项参数的解释如下:

           一、URL为开发者服务器接口地址的请求,一般可以分成两部分:

                    1、https://域名ID——>请求的域名 

                    2、index.php———>请求的功能接口

                 请求的域名进入服务器中,请求的功能接口进行数据传输

          二、data为传递的参数

                   例如将上示例代码的data传入数据接口中,请求的功能接口应该这样写:

     $name = $_GET['a'];$password = $_GET['b'];

           三、header为请求的头文件,一般有两种写法:

                           1、'content-type':'application/json'   会对数据进行JSON序列化

                           2、'content-type':'x-www-form-urlencoded'  会将数据转换成 query string

            四、method为HTTP 请求方法,有8种调用方式,分别为OPTIONS,GET,HEAD,POST,PUT,DELETE,TRACE:

                        一般常用的是 POST和GET两种模式,在进行传参的时候,请求功能接口时,method和index.php要一致

                         例如 method:'GET'   对应的是 $name = $_GET['a']; 

              五、dataType和responseType分别为返回的数据格式和响应的数据类型,默认值分别为:json和text

              六、success为接口调用成功的回调函数

                          res中传递回来的是index.php传递的参数

                          调用特定参数的方式为:res.data.name

              七、fail和complete分别为接口调用失败的回调函数和接口调用结束的回调函数(调用成功、失败都会执行)

更加详细的参数可以参考官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/wx.request.html


http://www.ppmy.cn/news/305217.html

相关文章

《五》微信小程序中的 WXS(WeiXin Script)

WXS 是小程序的一套脚本语言&#xff0c;结合 WXML&#xff0c;可以构建出页面的结构。 WXS 代码可以编写在 WXML 文件中的 <wxs> 标签内或以 .wxs 为后缀名的文件内。每一个 <wxs> 标签和 .wxs 文件都是一个单独的模块&#xff0c;每个模块都有自己独立的作用域&…

微信小程序2-WXSS,WXS

微信小程序1-小程序基础,开发工具安装使用 1.WXSS WXSS (WeiXin Style Sheets)是一套样式语言&#xff0c;用于描述 WXML 的组件样式 为了适应广大的前端开发者&#xff0c;WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序&#xff0c;WXSS 对 CSS 进行了扩充以及修…

微信小程序基础02--WXML,WXSS基础

1.WXML语法参考 1.1数据绑定 WXML 中的动态数据均来自对应 Page 的 data。数据绑定&#xff0c;js文件里的data属性,在wxml中直接使用{{ }}进行绑定。与vue的写法十分相似。 特别注意&#xff1a;bool类型不要直接写 checked“false”&#xff0c;其计算结果是一个字符串&…

wx小程序

wx小程序 1.基础知识点 数据在js的data中绑定 在.wxml中渲染使用双花括号 即&#xff1a;{{}} 在渲染时可以用三元表达式和算法 在.wxss中写css样式 .wxml中没有div 标签&#xff0c;但是有相对应的标签view 2.事件绑定 1).点击事件 给标签绑定事件 <text>{{num…

微信小程序开发之——weui-wxss的使用

概述&#xff1a; WeUI 是一套同微信原生视觉体验一致的基础样式库&#xff0c;由微信官方设计团队为微信内网页和微信小程序量身设计&#xff0c;令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。 预览&…

微信小程序 Wxs篇

WXS&#xff08;WeiXin Script&#xff09;是小程序的一套脚本语言&#xff0c;结合 WXML&#xff0c;可以构建出页面的结构。 【注意】 WXS 不依赖于运行时的基础库版本&#xff0c;可以在所有版本的小程序中运行。WXS 与 JavaScript 是不同的语言&#xff0c;有自己的语法&…

入门微信小程序开发(二)wxml与wxss

一.初识WXML 对于每一位前端开发者而言&#xff0c;熟练的编写静态页面是入门的开始&#xff0c;在小程序中这一点也无法避免。在介绍微信小程序功能交互之前&#xff0c;我们先了解在小程序中如何实现页面布局与页面样式&#xff0c;这里先来介绍WXML。 WXML全称WeiXin Mark…

【微信小程序WXS 模块】

WXS 模块WXS 代码可以编写在 wxml 文件中的 标签内&#xff0c;或以 .wxs 为后缀名的文件内。模块每一个 .wxs 文件和 标签都是一个单独的模块。每个模块都有自己独立的作用域。即在一个模块里面定义的变量与函数&#xff0c;默认为私有的&#xff0c;对其他模块不可见。一个模…