小程序同一页面赋值Jso的数据并显示出来（完美案例）

目的：加载Api返回的Post的Json数据，并显示在界面表示出来。打通数据库到小程序到界面对应显示出来。

困难：

1.在Data中的数据如何在页面加载是赋值替换?

2.提供post的Data值还没有设置变量

<view class='name'>{{item.Name}} <view class='position'>{{item.Position}}</view></view>

<view class='company'>{{item.Company}}</view>

</view>

///

var that = this;

wx.request({

url: 'http://localhost:40637/api/values/',

data: {

Id: 1,

Name: 'xiaohong'

method: "POST",

dataType: JSON,

success: function (res) {

console.log(JSON.parse(res.data));

var value = JSON.parse(res.data);

that.setData({

arr:value

})

.mingpian{

display: flex;

align-items:center;

justify-content:left;

width: 100%;

height: 100%;

}

.images

{

width: 60px;

height: 60px

}

.name

{

font-size: 20px;

}

.position

{

font-size: 15px;

}

.company

{

font-size: 16px;

}

配合案例使用：https://download.csdn.net/download/weixin_42401291/10775476

小程序同一页面赋值Jso的数据并显示出来（完美案例）相关推荐

【微信小程序】一文带你搞懂小程序的页面配置和网络数据请求
文章目录页面配置页面配置文件的作用页面配置和全局配置的关系页面配置网络数据请求网络数据请求的限制配置request合法域名发起get/post请求在页面刚加载时请求数据跳过requ ...
【微信小程序】页面返回且带回数据
一.回退上一级页面 beforePage 返回页面同时需要刷新数据 var pages = getCurrentPages(); //当前页面 var beforePage = pages[pag ...
微信小程序之----页面之间相互传递数据
一.使用全局变量globalData 最外层的app.js中定义全局变量 globalData: {js_code:null} 可以在page1的登陆函数中设置值 wx.login({success: ...
【微信小程序】页面配置，网络数据请求
目录页面配置
微信小程序this.data赋值时，页面视图层没有同步更新
问题: 我在开发微信小程序中,this.data进行赋值时,页面视图层没有同步更新; 原因: 其中this.data是用来获取页面data对象的: setData()函数用于将逻辑层数据发送到视图层, ...
微信小程序wx.request请求服务器json数据并渲染到页面
微信小程序的数据总不能写死吧,肯定是要结合数据库来做数据更新,而小程序数据主要是json数据格式,所以我们可以利用php操作数据库,把数据以json格式数据输出即可.现在给大家讲一下,微信小程序的wx ...
小程序获取上一页的数据修改上一个页面的数据
小程序获取上一页的数据修改上一个页面的数据详情地址http://www.xiaoshu168.com/wxapplet/233.html
微信小程序页面栈_微信小程序之页面传值(路由、页面栈、globalData、缓存)
1. 通过url带参数传递 1.1 固定参数传递例如,从 list 页面到 detail 页面, 传递一个或多个固定值 list页面传值: 点此进入 detail detail页面取值: onLoa ...
微信小程序webview页面使用painter生成海报
微信小程序webview页面使用painter生成海报因为要在webview下生成海报,需要使用cover-view,根据接口返回数据动态更新海报内容,微信小程序生成海报组件有wxa-plugin- ...

小程序同一页面赋值Jso的数据并显示出来（完美案例）

小程序同一页面赋值Jso的数据并显示出来（完美案例）相关推荐

最新文章

热门文章