Апплет WeChat this.setData(хранилище наборов апплетов WeChat)
Апплет WeChat this.setData(хранилище наборов апплетов WeChat)

Всем привет, мы снова встретились, я ваш друг Цюаньчжаньцзюнь.

ВичатМини программаsetData()использовать:

##Page.prototype.setData(Object data, Function callback) setData Функция используется для отправки данных с логического уровня на уровень представления (асинхронно) с одновременным изменением соответствующего this.data значение (синхронизировано). Описание параметра:

Объект представляется в виде ключ:значение, а значение, соответствующее ключу в this.data, заменяется на значение.

Ключ может быть задан в форме пути к данным, который поддерживает изменение элемента в массиве или свойства объекта, например array[2].message, abcd, и его не нужно предварительно определять в this.data. .

Уведомление:

  1. Непосредственное изменение this.data без вызова this.setData() не изменит статус текущей страницы, что приведет к несогласованности данных.
  2. Поддерживает только данные, которые могут быть преобразованы в JSON.
  3. Размер одновременного набора данных не может превышать 1024 КБ. Старайтесь не задавать слишком много данных за один раз.
  4. Не устанавливайте неопределенное значение ни для одного элемента данных, иначе этот элемент не будет установлен и могут возникнуть потенциальные проблемы.

Пример кода:

Язык кода:javascript
копировать
Page({ 
   

  /**
   * Исходные данные страницы
   */
 data: { 
   
    value:"начальное значение"    //Определяем значение переменной и присваиваем ему значение как: «Инициализация»
  
  },
   /**
   * Функция жизненного цикла — прослушивание загрузки страницы
   */
  onLoad: function (options) { 
   
  
  }
  })

Отображается на странице:

Вызов setData() в функции onLoad()

Язык кода:javascript
копировать
  onReady: function () {
    this.setData({
      value: "Значение, измененное вызовом setData()"
    })
  
  },

Запустите еще раз:

##Используется в wx:request() Код:

Язык кода:javascript
копировать
wx:wx.request({
      url: 'http://127.0.0.1:7011/ibeacon/mobile.asmx/getRequest',
      data:{userid:this.data.username},
      header: {
        'content-type': 'application/json'
      },
      method: 'POST',
      dataType: 'json',
      
      success: function(res) {

        console.log(JSON.parse(res.data.d));  
        var value = JSON.parse(res.data.d);
        this.setData({
          postData:value
        })

      },
      fail: function(res) {},
      complete: function(res) {},
    });

####Здесь возникнет проблема: использование this.setData() непосредственно в функции обратного вызова успеха wx:request() сообщит о такой ошибке:

Поскольку здесь это относится к текущему объекту wx:request(), мы можем решить это следующим образом: поскольку wx:rewuest() здесь вызывается при загрузке страницы, мы можем определить переменную, которая в onLoad() будет назначена. this к тому, затем that в это время представляет текущий объект относительно onLoad(), а затем используйте that.setData() непосредственно в функции обратного вызова успеха.

Полный код выглядит следующим образом:

Язык кода:javascript
копировать
//js-текст
onLoad: функция (опции) {
    console.log(опции);
    вар, что = это;
    вар userid = options.userid;
    that.setData({
      имя пользователя: идентификатор пользователя
    })
    // this.data.username = JSON.stringify(options);
    console.log(this.data.username);

    wx:wx.request({
      URL: 'http://180.169.225.27:7011/ibeacon/mobile.asmx/getRequest',
      данные: {userid: this.data.username},
      заголовок: {
        «тип контента»: «приложение/json»
      },
      метод: 'POST',
      Тип данных: 'JSON',
      
      успех: функция (рез) {

        console.log(JSON.parse(res.data.d));  
        значение var = JSON.parse(res.data.d);
        that.setData({
          postData:значение
        })

      },
      неудача: функция (рез) {},
      завершено: функция (рез) {},
    });
    
    
  }
Язык кода:javascript
копировать
//wxml-код
<view wx:for="{
  
  {postData}}">posno:{
  
  {item.posno}},TradeTime:{
  
  {item.TradeTime}}</view>

Обычно получаем данные, возвращаемые сервером:

##Еще следует отметить следующее: ###если вonReady()Вызывается в функцииsetData()метод,Тогда значение, установленное с помощью этого метода, можно обновить только один раз.,Если вам нужно обновить снова,Нужно очистить кэш.

Ссылки:Публичная платформа Вичат

Издатель: Full stack программист и руководитель стека, укажите источник для перепечатки: https://javaforall.cn/125390.html Исходная ссылка: https://javaforall.cn

boy illustration
Неразрушающее увеличение изображений одним щелчком мыши, чтобы сделать их более четкими артефактами искусственного интеллекта, включая руководства по установке и использованию.
boy illustration
Копикодер: этот инструмент отлично работает с Cursor, Bolt и V0! Предоставьте более качественные подсказки для разработки интерфейса (создание навигационного веб-сайта с использованием искусственного интеллекта).
boy illustration
Новый бесплатный RooCline превосходит Cline v3.1? ! Быстрее, умнее и лучше вилка Cline! (Независимое программирование AI, порог 0)
boy illustration
Разработав более 10 проектов с помощью Cursor, я собрал 10 примеров и 60 подсказок.
boy illustration
Я потратил 72 часа на изучение курсорных агентов, и вот неоспоримые факты, которыми я должен поделиться!
boy illustration
Идеальная интеграция Cursor и DeepSeek API
boy illustration
DeepSeek V3 снижает затраты на обучение больших моделей
boy illustration
Артефакт, увеличивающий количество очков: на основе улучшения характеристик препятствия малым целям Yolov8 (SEAM, MultiSEAM).
boy illustration
DeepSeek V3 раскручивался уже три дня. Сегодня я попробовал самопровозглашенную модель «ChatGPT».
boy illustration
Open Devin — инженер-программист искусственного интеллекта с открытым исходным кодом, который меньше программирует и больше создает.
boy illustration
Эксклюзивное оригинальное улучшение YOLOv8: собственная разработка SPPF | SPPF сочетается с воспринимаемой большой сверткой ядра UniRepLK, а свертка с большим ядром + без расширения улучшает восприимчивое поле
boy illustration
Популярное и подробное объяснение DeepSeek-V3: от его появления до преимуществ и сравнения с GPT-4o.
boy illustration
9 основных словесных инструкций по доработке академических работ с помощью ChatGPT, эффективных и практичных, которые стоит собрать
boy illustration
Вызовите deepseek в vscode для реализации программирования с помощью искусственного интеллекта.
boy illustration
Познакомьтесь с принципами сверточных нейронных сетей (CNN) в одной статье (суперподробно)
boy illustration
50,3 тыс. звезд! Immich: автономное решение для резервного копирования фотографий и видео, которое экономит деньги и избавляет от беспокойства.
boy illustration
Cloud Native|Практика: установка Dashbaord для K8s, графика неплохая
boy illustration
Краткий обзор статьи — использование синтетических данных при обучении больших моделей и оптимизации производительности
boy illustration
MiniPerplx: новая поисковая система искусственного интеллекта с открытым исходным кодом, спонсируемая xAI и Vercel.
boy illustration
Конструкция сервиса Synology Drive сочетает проникновение в интрасеть и синхронизацию папок заметок Obsidian в облаке.
boy illustration
Центр конфигурации————Накос
boy illustration
Начинаем с нуля при разработке в облаке Copilot: начать разработку с минимальным использованием кода стало проще
boy illustration
[Серия Docker] Docker создает мультиплатформенные образы: практика архитектуры Arm64
boy illustration
Обновление новых возможностей coze | Я использовал coze для создания апплета помощника по исправлению домашних заданий по математике
boy illustration
Советы по развертыванию Nginx: практическое создание статических веб-сайтов на облачных серверах
boy illustration
Feiniu fnos использует Docker для развертывания личного блокнота Notepad
boy illustration
Сверточная нейронная сеть VGG реализует классификацию изображений Cifar10 — практический опыт Pytorch
boy illustration
Начало работы с EdgeonePages — новым недорогим решением для хостинга веб-сайтов
boy illustration
[Зона легкого облачного игрового сервера] Управление игровыми архивами
boy illustration
Развертывание SpringCloud-проекта на базе Docker и Docker-Compose