wx:if、hidden和网络请求

一、wx:if和hidden

        wx:if切换的时候销毁或隐藏 wx:if是惰性的,初始值为false,当第一次变为真的时候才开始局部渲染.

        hidden : 组件始终会被渲染,只是简单的控制显示于隐藏

        频繁切换使用hidden ,运行时条件变化使用 wx:if

二、网络请求

        1、网络请求限制

                出于安全考虑,小程序对数据接口的请求有要求:

                        只能请求https类型的接口

                        必须将接口的域名添加到信任列表中

        2、配置合法域名

                登录小程序公众平台--->开发管理--->开发设置--->服务器域名--->修改合法域名

三、发起GET请求

wx.request({ 
  url: 'example.php', //仅为示例，并非真实的接口地址
  method:'GET',
  data: {
    x: '',
    y: ''
  },
  header: {
    'content-type': 'application/json' // 默认值
  },
  success (res) {
    console.log(res.data)
  }
})

   在页面刚加载时请求数据    

/**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.getData()
  },

 getData(){

    wx.request({ 
      url: 'https://www.escook.cn/slides', //仅为示例，并非真实的接口地址
      method:'GET',
      header: {
        'content-type': 'application/json' // 默认值
      },
      success:(res)=>{
        // console.log(res.data)
        this.setData({
          banners:res.data
        })
      }
    })
    

   },

   四、发起post请求

wx.request({ 
  url: 'example.php', //仅为示例，并非真实的接口地址
  method:'POST',
  data: {
    x: '',
    y: ''
  },
  header: {
    'content-type': 'application/json' // 默认值
  },
  success (res) {
    console.log(res.data)
  }
})

跳过request合法域名校验

        

> 后端程序员仅仅提供了http协议的接口，需要不校验合法域名

微信开发者工具---->详情---->不校验合法域名

#### 没有跨域

没有跨域

跨域只存在于浏览器的web开发中，小程序是运行在微信环境中，小程序不存在跨域问题

Ajax技术的核心是依赖于**浏览器**的   XMLHttpRequest 对象，小程序是运行在微信环境中没有这个对象，小程序不能叫做ajax请求   叫做**发起网络数据请求**