微信小程序--后台交互/wx.request({})方法/渲染页面方法解析

青旅半醒 2021-09-12 07:28 142阅读 1赞

小程序的后台获取数据方式get/post具体函数格式如下：**wx.request(\{\})**

**wxml:**

<view  wx:for="{
         {logs}}" wx:for-item="value">
      {
         {value.catname}}
    </view>

js:

data: { logs:[] }, onLoad:function(){ this.getdata(); } getdata:function(){//定义函数名称 var that=this; // 这个地方非常重要，重置data{}里数据时候setData方法的this应为以及函数的this, 如果在下方的sucess直接写this就变成了wx.request()的this了 wx.request({ url:'http://www.phonegap100.com/appapi.php?a=getPortalCate',//请求地址 data:{//发送给后台的数据 name:"bella", age:20 }, header:{//请求头 "Content-Type":"applciation/json" }, method:"GET",//get为默认方法/POST success:function(res){ console.log(res.data);//res.data相当于ajax里面的data,为后台返回的数据 　　　　　　that.setData({//如果在sucess直接写this就变成了wx.request()的this了.必须为getdata函数的this,不然无法重置调用函数 　　　　　　logs:res.data.result 　　　　　　　　　　}) }, fail:function(err){},//请求失败 complete:function(){}//请求完成后执行的函数 }) }

**页面结果：**

![1093000-20170119110712015-1070696712.png][]

转载及分享标明出处：http://www.cnblogs.com/bellagao/ 作者:高辉彩

[1093000-20170119110712015-1070696712.png]: /images/20210813/cef200788c7a4e03820f813dda52643d.png

发表评论取消回复

表情：

评论列表（有 0 条评论，142人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序富文本解析

微信小程序富文本解析 `*人狠话不多，直接代码搞起*` html代码(后台返回的html代码) <p>这是一段文字</p> <p><st...

左手的ㄟ右手/ 2024年04月18日 18:03/ 0 赞/ 72 阅读

相关微信小程序开发系列三小程序页面渲染

一、事件处理 // index.wxml <view bindtap="myclick">点击我</view> // index.js Page(\{

落日映苍穹つ/ 2023年06月29日 12:59/ 0 赞/ 37 阅读

相关微信小程序渲染原理

[微信小程序开发文档][Link 1] [从微信小程序开发者工具源码看实现原理（一）- - 小程序架构设计][- -] [从微信小程序开发者工具源码看实现原理（二）-

秒速五厘米/ 2022年12月27日 12:34/ 0 赞/ 176 阅读

相关微信小程序页面跳转方法

方法一：WXML页面实现 1. `<navigator url = "/pages/xxx/xxx">跳转到新页面</navigator>` 2. `<navigat

我就是我/ 2022年12月16日 11:57/ 0 赞/ 302 阅读

相关微信小程序富文本解析

方法一：使用rich-text标签 eg: <rich-text nodes="\{ \{nodes\}\}"></rich-text> 方法二：使用wxParse插件

深藏阁楼爱情的钟/ 2021年12月23日 22:05/ 0 赞/ 408 阅读

相关【微信小程序】微信小程序掉进的坑之与后台数据交互

一、与后台的数据交互注：服务端语言为Java. 在进行数据交互时，用的是Servlet进行数据的获取和回传。在小程序中提交参数时需要在header写入 `

爱被打了一巴掌/ 2021年09月26日 06:18/ 0 赞/ 449 阅读

相关微信小程序--后台交互/wx.request({})方法/渲染页面方法解析

小程序的后台获取数据方式get/post具体函数格式如下：wx.request(\{\}) wxml: <view wx:for="{ {log

青旅半醒/ 2021年09月12日 07:28/ 1 赞/ 143 阅读

相关微信小程序列表渲染、条件渲染

block:不会在页面加载该标签,只是一个容器,只接收控制属性(wx:if、wx:for、wx:else),来控制其中的元素 block/view标签作为容器

痛定思痛。/ 2021年07月24日 22:35/ 0 赞/ 528 阅读

相关微信小程序富文本解析

<import src="../../wxParse/wxParse.wxml"/> <view class="wxParse"> <t

女爷i/ 2021年07月24日 15:45/ 0 赞/ 517 阅读

相关微信小程序条件渲染

wx:if="常量/{ {变量/js语法}}" wx:elif="常量/{ {变量/js语法" wx:else

迷南。/ 2021年07月24日 13:20/ 0 赞/ 406 阅读