uni-app/微信小程序 解析 json 数据(thinkphp6),跨域问题

9 篇文章 0 订阅
6 篇文章 0 订阅

控制器正常查询数据表,建议不要使用分页这些,会有默认封装的各种格式,处理起来可能偏繁琐,注意返回:

直接 return json($data);

不要去搞神马php转换为json之类的,数据会出错,我就是犯了这个低级错误。

<template>
	<view class="page-body">
		<!-- raw_active start -->
		<view v-for="(item, index) in activeArr" :key="index" class="raw_active">
			<image :src="item.ac_img"></image>
			<view class="active-box">
				<img src="../../static/images/Home.png" alt='Home.png' :style="{width: '30rpx',height: '28rpx',marginRight: '10rpx'}">
				<text class="font-34 tit">{{item.ac_name}}</text>
				<span class="btns" @click="turnInfo(item.ac_id)">详情</span>
			</view>			
		</view>
		<!-- raw_active end -->		
	</view>
</template>

<script>
	export default {
		data() {
			return {
			    activeArr: '',
				index: 0
			}
		},
		onLoad () {
		    uni.request({
		        url: 'http://192.168.8.192:802/public/index.php/index/commonmodule/activewgy', //接口地址 
				header: {'content-type':'application/json'},
		        method: 'POST',
				success: (res) => {
				    this.activeArr = res.data  //拿到数据直接使用就是
		            //console.log(res.data)		           
		        }				
		    })
		},
		methods: {    
		    turnInfo (id) {
				uni.navigateTo({
					//url: ''
				})
			}
		}		
	}	
</script>

<style scoped>
</style>

补充一下微信小程序的获取方式

 <view class="raw" wx:for="{{reglist1}}" wx:key="key">
      <view class="raw_list">
        <view class="img_box"><image src="https://xxxxxxxxxxx.com/public/upload/user/{{item.d_img}}"></image></view>
        <view class="txt_box">
          <h3>{{item.d_name}}</h3>                      
          <view class="icon">预约</view>
          <text>{{item.d_goodat}}</text>
        </view>
      </view>
Page({

  /**
   * 页面的初始数据
   */
  data: {
    reglist1: [], //院外专家
    reglist2: []  //院内专家
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
     var that = this;
     //发起网络请求
     wx.request({          
      url: 'https://xxxxxxxx.com/public/index.php/index/users/index',
      method: 'POST',      
      dataType: 'json',
      success: function (res){
          //console.log(res.data);
          that.setData({
            reglist1: res.data.info1,
            reglist2: res.data.info2
          });         
          //console.log(reglist1);
      },
      fail: function (res) {
          console.log(res.data);
      }
    })
  }
})

跨域问题,在BaseController.php

 // 初始化
protected function initialize()
{
    //访问XMLHttpRequest已被CORS政策阻止
    //header("Access-Control-Allow-Origin: *");
    // 指定允许其他域名访问  
    header('Access-Control-Allow-Origin:*');
    // 响应类型  
    header('Access-Control-Allow-Methods:*');
    // 响应头设置  
    header('Access-Control-Allow-Headers:*');
    //header('Access-Control-Allow-Headers:x-requested-with,content-type');   
    //允许ajax异步请求带cookie信息
    header('Access-Control-Allow-Credentials:true');
}

 

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
随着智能手机的快速普及,移动应用对于人们的生活和工作越来越重要。而uni-appthinkphp是目前比较流行的移动应用开发技术。本文将深入探讨如何用uni-appthinkphp实战社区交友类app和小程序的开发。 首先,uni-app是一种平台的开发技术,可以通过一套代码编写不同平台的应用程序,包括iOS、Android和Web应用。相比于传统的移动应用开发,uni-app可以更加高效和快速地开发应用程序,同时还具有比较好的用户体验和可扩展性。在实战社区交友类app和小程序的开发中,使用uni-app将更快速地开发出各个平台的应用,省去大量的开发时间和精力。 其次,thinkphp是一种PHP Web应用开发框架,具有高度模块化、可重用性、松耦合等特点,适用于快速开发和快速迭代的Web应用程序。在实战社区交友类app和小程序的开发中,thinkphp可以实现灵活的后台管理系统,为用户提供更加高效和便捷的交友体验,同时还能满足各种需求的排列组合。 最后,社区交友类app和小程序需要注意一些开发难点,例如安全性和用户隐私保护,以及用户体验的提升。在使用uni-appthinkphp开发时,需要注重这些方面,并进行细致的测试和优化,保证应用程序在各种细节场合下都能够得到良好的体验。 综上所述,使用uni-appthinkphp实战社区交友类app和小程序的开发,能够更加高效和快速地实现我们的开发需求,同时也能够提高我们的开发效率和质量,是值得推广的新技术。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值