cari
Rumahhujung hadapan webtutorial jsWeChat Applet Offline Borang Penyerahan: Bagaimana untuk menyimpan dan menyerahkan data pengguna walaupun tanpa rangkaian?

WeChat Applet Offline Borang Penyerahan: Bagaimana untuk menyimpan dan menghantar data pengguna walaupun tanpa rangkaian?

WeChat Applet Offline Borang: Data boleh dikemukakan tanpa rangkaian

Ramai pemaju berharap program mini dapat memberikan pengalaman pengguna yang baik walaupun di luar talian atau rangkaian yang lemah. Artikel ini akan memperkenalkan secara terperinci bagaimana untuk melaksanakan fungsi penyerahan borang luar talian dalam applet WeChat, dan dilengkapi dengan contoh kod.

Keperluan: Buat applet WeChat yang mengandungi borang. Walaupun tanpa rangkaian atau ketidakstabilan rangkaian, pengguna boleh mengisi borang, menyimpan data secara tempatan, dan menyerahkannya secara automatik selepas rangkaian dipulihkan.

Kaedah Pelaksanaan: Applet WeChat itu sendiri tidak menyokong fungsi luar talian sepenuhnya, tetapi kami boleh menggabungkan wx.setStorageSync , wx.getStorageSync dan wx.onNetworkStatusChange untuk mensimulasikan fungsi luar talian.

Langkah dan Kod:

  1. Konfigurasikan Timeout Network (App.json): Konfigurasikan masa tamat permintaan rangkaian di app.json untuk mengendalikan permintaan yang lebih baik apabila keadaan rangkaian tidak baik:
 {
  "Halaman": ["Halaman/Borang/Borang"],
  "tetingkap": {
    "Latar BelakangTextStyle": "Cahaya",
    "NavigasiBarBackgroundColor": "#fff",
    "NavigasiBartitLetext": "Borang Luar Talian",
    "NavigasiBartextStyle": "Hitam"
  },
  "NetworkTimeout": {
    "Permintaan": 10000,
    "muat turun": 10000
  },
  "Debug": Benar
}
  1. Halaman Borang (Halaman/Borang/Form.wxml): (ditinggalkan di sini, buat borang mengikut keperluan sebenar)

  2. Borang Logik (Halaman/Borang/Form.js): Fail ini bertanggungjawab untuk mengumpul data borang, penyimpanan tempatan dan pemeriksaan status rangkaian:

 Halaman ({
  Data: {
    FormData: {}
  },
  hantarform: fungsi (e) {
    const formData = e.detail.value;
    this.saveformData (formData);
    this.checkNetWorkandSubmit ();
  },
  SaveFormData: fungsi (formData) {
    wx.setStorageSync ('formdata', formData);
  },
  CheckNetWorkandSubmit: fungsi () {
    const itu = ini;
    wx.getNetworkType ({
      Kejayaan: Fungsi (res) {
        jika (res.networktype! == 'none') {
          that.submitformData ();
        } else {
          wx.showtoast ({title: 'net tidak tersedia, data disimpan', ikon: 'none'});
        }
      }
    });
  },
  hantarFormData: fungsi () {
    const formData = wx.getStorageSync ('formData');
    wx.request ({
      URL: 'Alamat antara muka pelayan anda',
      Kaedah: 'pos',
      Data: FormData,
      Kejayaan: Fungsi (res) {
        wx.showtoast ({title: 'hantar kejayaan', ikon: 'kejayaan'});
        wx.removestoragesync ('formdata');
      },
      gagal: fungsi (res) {
        wx.showtoast ({title: 'penyerahan gagal, sila cuba lagi', ikon: 'none'});
        // logik semula boleh ditambah di sini}
    });
  }
});
  1. Rangkaian Status Mendengarkan (App.js): Dengar perubahan status rangkaian dalam app.js , dan cuba menyerahkan data yang disimpan secara tempatan apabila rangkaian dipulihkan:
 Aplikasi ({
  onlaunch: fungsi () {
    const itu = ini;
    wx.onnetworkStatusChange (fungsi (res) {
      jika (res.isconnected) {
        const formData = wx.getStorageSync ('formData');
        jika (formData) {
          that.submitformData (formData);
        }
      }
    });
  },
  hantarFormData: fungsi (formData) {
    // Sama seperti fungsi SubmitFormData dalam halaman/bentuk/form.js}
});

Ingatlah untuk menggantikan '你的服务器接口地址' dalam kod dengan alamat antara muka pelayan sebenar anda. Pemaju perlu meningkatkan pengendalian kesilapan dan mencuba mekanisme berdasarkan keadaan sebenar.

Atas ialah kandungan terperinci WeChat Applet Offline Borang Penyerahan: Bagaimana untuk menyimpan dan menyerahkan data pengguna walaupun tanpa rangkaian?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
微信文件多久过期微信文件多久过期Nov 21, 2022 pm 02:12 PM

微信文件的过期时间需要根据情况来判断:1、如果发送的文件没有打开过,则在72小时以后微信系统会自动清理掉,即过了三天文件就会过期;2、如果已经查看了微信文件,但是并没有下载(当然已经下载的文件也是一样的),那么文件是可以保留180天的,在这180天以内随时都可以去下载。

微信拉黑和删除有什么区别微信拉黑和删除有什么区别Oct 18, 2022 am 11:29 AM

区别:1、拉黑后对话框从主页消失,但是聊天记录还在;删除后聊天记录全部消失不见了。2、拉黑后还能发给他,但是收不到他的消息;删除后不能发信息了。3、拉黑后双方都不可见彼此的朋友圈;删除对方以后,你看不到对方的朋友圈了,对方是否能看到你的,取决于设置(允许陌生人查看十张照片)与否,如果设置则可以看到朋友圈。

支持微信付款的购物平台有哪些支持微信付款的购物平台有哪些Nov 02, 2022 pm 02:44 PM

支持微信付款的购物平台有:1、京东,是中国的综合网络零售商;2、唯品会,是一家在线销售品牌折扣商品的互联网公司;3、拼多多,是社交新电商领导者,更懂消费者的购物平台;4、京喜,是京东旗下生活消费商城;5、蘑菇街,一个电子商务网站;6、聚美优品,是一家以销售化妆品为主的时尚购物网站;7、微店,是一个云推广电子商务平台;8、考拉海购,是一个跨境海淘业务为主的会员电商平台。

微信怎么查看ip地址微信怎么查看ip地址May 31, 2023 am 09:16 AM

微信查看ip地址的方法:1、登录电脑版微信,右键点击屏幕下方的任务栏,点击“任务管理器”;2、弹出任务管理器时,点击左下角的“详细信息”;3、任务管理器进入“性能”选项,点击“打开资源监视器”;4、选择“网络”,勾选微信进程“Wechat.exe”;5、点击下面的“TCP连接”即可监视微信网络IP相关情况,发送消息得到回复就会显示他人的IP地址。

微信可以绑别人的银行卡号么微信可以绑别人的银行卡号么Mar 14, 2023 pm 04:53 PM

可以。未经过实名认证的微信号,可以绑定他人的银行卡,但在绑定过程中需要提供银行卡的开户人姓名、开户行地址、开户时预留的联系方式及银行卡支付密码;已通过实名认证的微信号,无法绑定他人银行卡,只能添加使用自己身份证办理的银行卡。

财付通是微信还是支付宝财付通是微信还是支付宝Oct 18, 2022 pm 02:35 PM

财付通是微信,是腾讯公司旗下的第三方支付平台,其核心业务是协助在互联网上进行交易的双方完成支付和收款,其使用方式是:1、进行账户注册及登录;2、进行账户充值;3、根据需求设置快捷支付;4、通过打开微信支付或QQ钱包查询交易账单。

一个身份证只能绑定一个微信吗一个身份证只能绑定一个微信吗Mar 02, 2023 pm 01:50 PM

不是,一个身份证能绑定5个微信。按照微信当前规定,一个身份证可以实名认证5个微信号;如果已经实名认证了5个微信账号,但是还想要继续实名,就要把已经实名认证的一些不用的微信号清除以后,才可以再实名认证新的微信号。

电脑微信打字为什么打一个少一个电脑微信打字为什么打一个少一个Mar 28, 2023 pm 03:43 PM

电脑微信打字打一个少一个是因为开启了改写状态,其解决办法:1、打开电脑微信;2、在微信聊天窗口输入对话文字内容;3、找到并按下键盘上的Insert键即可正常输入文字内容。

See all articles

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Alat panas

EditPlus versi Cina retak

EditPlus versi Cina retak

Saiz kecil, penyerlahan sintaks, tidak menyokong fungsi gesaan kod

VSCode Windows 64-bit Muat Turun

VSCode Windows 64-bit Muat Turun

Editor IDE percuma dan berkuasa yang dilancarkan oleh Microsoft

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Persekitaran pembangunan bersepadu PHP yang berkuasa

MantisBT

MantisBT

Mantis ialah alat pengesan kecacatan berasaskan web yang mudah digunakan yang direka untuk membantu dalam pengesanan kecacatan produk. Ia memerlukan PHP, MySQL dan pelayan web. Lihat perkhidmatan demo dan pengehosan kami.

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan