亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

首頁 web前端 js教程 在微信小程式中如何使用ajax實(shí)作請(qǐng)求伺服器數(shù)據(jù)

在微信小程式中如何使用ajax實(shí)作請(qǐng)求伺服器數(shù)據(jù)

Jun 20, 2018 pm 03:45 PM
ajax請(qǐng)求 微信小程式 數(shù)據(jù) 伺服器 模版 遍歷

這篇文章主要介紹了微信小程式ajax實(shí)現(xiàn)請(qǐng)求伺服器資料及模版遍歷資料功能,結(jié)合實(shí)例形式分析了微信小程式ajax調(diào)用及模板wx:for循環(huán)列表渲染相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了微信小程式ajax實(shí)作請(qǐng)求伺服器資料及模版遍歷資料功能。分享給大家供大家參考，具體如下：

昨天下載了一個(gè)微信小程式的開發(fā)者工具，大概看了一下文檔，簡(jiǎn)單的用他的方法實(shí)現(xiàn)了ajax請(qǐng)求。

微信小程式文件位址：
https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1474632113_xQVCl

頭部標(biāo)題和底部tab配置都在app.json檔案中，底部tab位元最少兩個(gè)，最多五個(gè)。下面是app.json檔案程式碼和相關(guān)註解

{
 "pages":[
  "pages/index/index",
  "pages/tucao/tucao",
  "pages/center/center"
 ],
 "window":{
  "backgroundTextStyle":"",
  "navigationBarBackgroundColor": "red",
  "navigationBarTitleText": "一個(gè)標(biāo)題而已",
  "navigationBarTextStyle":"white"
 },
 "tabBar": {
  "list": [{
   "pagePath": "pages/index/index",
   "text": "首頁",
   "iconPath": "/images/public/menu-cd.png",
   "selectedIconPath": "/images/public/menu.png"
  },{
   "pagePath": "pages/tucao/tucao",
   "text": "吐槽",
   "iconPath": "/images/public/hot-cd.png",
   "selectedIconPath": "/images/public/hot.png"
  },{
   "pagePath": "pages/center/center",
   "text": "我的",
   "iconPath": "/images/public/center-cd.png",
   "selectedIconPath": "/images/public/center.png"
  }],
  "borderStyle": "white"
 }
}

這裡我是透過微信小程式wx.request實(shí)作ajax請(qǐng)求伺服器資料的，一個(gè)程式裡面最多能有五個(gè)這樣的請(qǐng)求。下面是index.js的程式碼

//index.js
//獲取應(yīng)用實(shí)例
var app = getApp()
Page({
 data: {
  motto: 'Hello World',
  userInfo: {},
  Industry:{}
 },
 onLoad: function (res) {
  var that = this
  //調(diào)用應(yīng)用實(shí)例的方法獲取全局?jǐn)?shù)據(jù)
  app.getUserInfo(function(userInfo){
   //更新數(shù)據(jù)
   that.setData({
    userInfo:userInfo
   })
  })
  wx.request({
   url: 'http://xx.xxxxx.com/xxx.php',//上線的話必須是https，沒有appId的本地請(qǐng)求貌似不受影響
   data: {},
   method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
   // header: {}, // 設(shè)置請(qǐng)求的 header
   success: function(res){
    console.log(res.data.result)
    that.setData({
     Industry:res.data.result
    })
   },
   fail: function() {
    // fail
   },
   complete: function() {
    // complete
   }
  })
 }
})

其中http://xx.xxxxx.com/xxx.php的回傳資料格式是一個(gè)json，格式如下

##展示頁面就簡(jiǎn)單了，變數(shù)

{{array}} 微信模版遍歷資料使用wx:for 。 index.wxml程式碼如下：

<!--index.wxml-->
<view class="container">
 <view bindtap="bindViewTap" class="userinfo">
  <image class="userinfo-avatar" src="{{userInfo.avatarUrl}}" background-size="cover"></image>
  <text class="userinfo-nickname">{{userInfo.nickName}}</text>
 </view>
</view>
<view wx:for="{{Industry}}" wx:ket="{{index}}">
  {{index}}：{{item.name}}
</view>
上面是我整理給大家的，希望今後對(duì)大家有幫助。

相關(guān)文章：

在node.js中用fs.rename如何實(shí)作強(qiáng)制重命名

透過ja??vascript連接任意資料庫

在laydate.js中載入路徑出現(xiàn)錯(cuò)誤

#在vue-router中如何實(shí)作路由傳參

以上是在微信小程式中如何使用ajax實(shí)作請(qǐng)求伺服器數(shù)據(jù)的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！

本網(wǎng)站聲明
本文內(nèi)容由網(wǎng)友自願(yuàn)投稿，版權(quán)歸原作者所有。本站不承擔(dān)相應(yīng)的法律責(zé)任。如發(fā)現(xiàn)涉嫌抄襲或侵權(quán)的內(nèi)容，請(qǐng)聯(lián)絡(luò)admin@php.cn

熱AI工具

Undress AI Tool

Undress AI Tool

免費(fèi)脫衣圖片

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅(qū)動(dòng)的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費(fèi)的人工智慧換臉工具，輕鬆在任何影片中換臉！

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費(fèi)的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版，非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強(qiáng)大的PHP整合開發(fā)環(huán)境

Dreamweaver CS6

Dreamweaver CS6

視覺化網(wǎng)頁開發(fā)工具

SublimeText3 Mac版

SublimeText3 Mac版

神級(jí)程式碼編輯軟體(SublimeText3)

熱門話題

Laravel 教程
1597
29
PHP教程
1488
72
使用ddrescue在Linux上恢復(fù)數(shù)據(jù) 使用ddrescue在Linux上恢復(fù)數(shù)據(jù) Mar 20, 2024 pm 01:37 PM

DDREASE是一種用於從檔案或區(qū)塊裝置(如硬碟、SSD、RAM磁碟、CD、DVD和USB儲(chǔ)存裝置)復(fù)原資料的工具。它將資料從一個(gè)區(qū)塊設(shè)備複製到另一個(gè)區(qū)塊設(shè)備，留下?lián)p壞的資料區(qū)塊，只移動(dòng)好的資料區(qū)塊。 ddreasue是一種強(qiáng)大的恢復(fù)工具，完全自動(dòng)化，因?yàn)樗诨謴?fù)操作期間不需要任何干擾。此外，由於有了ddasue地圖文件，它可以隨時(shí)停止和恢復(fù)。 DDREASE的其他主要功能如下：它不會(huì)覆寫恢復(fù)的數(shù)據(jù)，但會(huì)在迭代恢復(fù)的情況下填補(bǔ)空白。但是，如果指示工具明確執(zhí)行此操作，則可以將其截?cái)?。將資料從多個(gè)檔案或區(qū)塊還原到單

開源！超越ZoeDepth！ DepthFM：快速且精確的單目深度估計(jì)！ 開源！超越ZoeDepth！ DepthFM：快速且精確的單目深度估計(jì)！ Apr 03, 2024 pm 12:04 PM

0.這篇文章乾了啥？提出了DepthFM：一個(gè)多功能且快速的最先進(jìn)的生成式單目深度估計(jì)模型。除了傳統(tǒng)的深度估計(jì)任務(wù)外，DepthFM還展示了在深度修復(fù)等下游任務(wù)中的最先進(jìn)能力。 DepthFM效率高，可以在少數(shù)推理步驟內(nèi)合成深度圖。以下一起來閱讀這項(xiàng)工作~1.論文資訊標(biāo)題：DepthFM:FastMonocularDepthEstimationwithFlowMatching作者：MingGui,JohannesS.Fischer,UlrichPrestel,PingchuanMa,Dmytr

如何將Dnsmasq設(shè)定為DHCP中繼伺服器 如何將Dnsmasq設(shè)定為DHCP中繼伺服器 Mar 21, 2024 am 08:50 AM

DHCP中繼的作用是將接收到的DHCP封包轉(zhuǎn)送到網(wǎng)路上的另一個(gè)DHCP伺服器，即使這兩臺(tái)伺服器位於不同的子網(wǎng)路中。透過使用DHCP中繼，您可以實(shí)現(xiàn)在網(wǎng)路中心部署集中式的DHCP伺服器，並利用它為所有網(wǎng)路子網(wǎng)路/VLAN動(dòng)態(tài)分配IP位址。 Dnsmasq是一種常用的DNS和DHCP協(xié)定伺服器，可設(shè)定為DHCP中繼伺服器，以協(xié)助管理網(wǎng)路中的動(dòng)態(tài)主機(jī)設(shè)定。在本文中，我們將向您展示如何將dnsmasq配置為DHCP中繼伺服器。內(nèi)容主題：網(wǎng)路拓樸在DHCP中繼上設(shè)定靜態(tài)IP位址集中式DHCP伺服器上的D

iPhone上的蜂窩數(shù)據(jù)網(wǎng)路速度慢：修復(fù) iPhone上的蜂窩數(shù)據(jù)網(wǎng)路速度慢：修復(fù) May 03, 2024 pm 09:01 PM

在iPhone上面臨滯後，緩慢的行動(dòng)數(shù)據(jù)連線？通常，手機(jī)上蜂窩互聯(lián)網(wǎng)的強(qiáng)度取決於幾個(gè)因素，例如區(qū)域、蜂窩網(wǎng)絡(luò)類型、漫遊類型等。您可以採取一些措施來獲得更快、更可靠的蜂窩網(wǎng)路連線。修復(fù)1–強(qiáng)制重啟iPhone有時(shí)，強(qiáng)制重啟設(shè)備只會(huì)重置許多內(nèi)容，包括蜂窩網(wǎng)路連線。步驟1–只需按一次音量調(diào)高鍵並放開即可。接下來，按降低音量鍵並再次釋放它。步驟2–過程的下一部分是按住右側(cè)的按鈕。讓iPhone完成重啟。啟用蜂窩數(shù)據(jù)並檢查網(wǎng)路速度。再次檢查修復(fù)2–更改資料模式雖然5G提供了更好的網(wǎng)路速度，但在訊號(hào)較弱

Google狂喜：JAX性能超越Pytorch、TensorFlow！或成GPU推理訓(xùn)練最快選擇 Google狂喜：JAX性能超越Pytorch、TensorFlow！或成GPU推理訓(xùn)練最快選擇 Apr 01, 2024 pm 07:46 PM

谷歌力推的JAX在最近的基準(zhǔn)測(cè)試中表現(xiàn)已經(jīng)超過Pytorch和TensorFlow，7項(xiàng)指標(biāo)排名第一。而且測(cè)試並不是JAX性能表現(xiàn)最好的TPU上完成的。雖然現(xiàn)在在開發(fā)者中，Pytorch依然比Tensorflow更受歡迎。但未來，也許有更多的大型模型會(huì)基於JAX平臺(tái)進(jìn)行訓(xùn)練和運(yùn)行。模型最近，Keras團(tuán)隊(duì)為三個(gè)後端（TensorFlow、JAX、PyTorch）與原生PyTorch實(shí)作以及搭配TensorFlow的Keras2進(jìn)行了基準(zhǔn)測(cè)試。首先，他們?yōu)樯墒胶头巧墒饺斯ぶ腔廴蝿?wù)選擇了一組主流

特斯拉機(jī)器人進(jìn)廠打工，馬斯克：手的自由度今年將達(dá)到22個(gè)！ 特斯拉機(jī)器人進(jìn)廠打工，馬斯克：手的自由度今年將達(dá)到22個(gè)！ May 06, 2024 pm 04:13 PM

特斯拉機(jī)器人Optimus最新影片出爐，已經(jīng)可以在工廠裡打工了。正常速度下，它分揀電池（特斯拉的4680電池）是這樣的：官方還放出了20倍速下的樣子——在小小的「工位」上，揀啊揀啊揀：這次放出的影片亮點(diǎn)之一在於Optimus在廠子裡完成這項(xiàng)工作，是完全自主的，全程沒有人為的干預(yù)。而且在Optimus的視角之下，它還可以把放歪了的電池重新?lián)炱饋矸胖?，主打一個(gè)自動(dòng)糾錯(cuò)：對(duì)於Optimus的手，英偉達(dá)科學(xué)家JimFan給出了高度的評(píng)價(jià)：Optimus的手是全球五指機(jī)器人裡最靈巧的之一。它的手不僅有觸覺

美國空軍高調(diào)展示首個(gè)AI戰(zhàn)鬥機(jī)！部長親自試駕全程未乾預(yù)，10萬行代碼試飛21次 美國空軍高調(diào)展示首個(gè)AI戰(zhàn)鬥機(jī)！部長親自試駕全程未乾預(yù)，10萬行代碼試飛21次 May 07, 2024 pm 05:00 PM

最近，軍事圈被這個(gè)消息刷屏了：美軍的戰(zhàn)鬥機(jī)，已經(jīng)能由AI完成全自動(dòng)空戰(zhàn)了。是的，就在最近，美軍的AI戰(zhàn)鬥機(jī)首次公開，揭開了神秘面紗。這架戰(zhàn)鬥機(jī)的全名是可變穩(wěn)定性飛行模擬器測(cè)試飛機(jī)（VISTA），由美空軍部長親自搭乘，模擬了一對(duì)一的空戰(zhàn)。 5月2日，美國空軍部長FrankKendall在Edwards空軍基地駕駛X-62AVISTA升空注意，在一小時(shí)的飛行中，所有飛行動(dòng)作都由AI自主完成！ Kendall表示——在過去的幾十年中，我們一直在思考自主空對(duì)空作戰(zhàn)的無限潛力，但它始終顯得遙不可及。然而如今，

超級(jí)智能體生命力覺醒！可自我更新的AI來了，媽媽再也不用擔(dān)心資料瓶頸難題 超級(jí)智能體生命力覺醒！可自我更新的AI來了，媽媽再也不用擔(dān)心資料瓶頸難題 Apr 29, 2024 pm 06:55 PM

哭死啊，全球狂煉大模型，一網(wǎng)路的資料不夠用，根本不夠用。訓(xùn)練模型搞得跟《飢餓遊戲》似的，全球AI研究者，都在苦惱怎麼才能餵飽這群資料大胃王。尤其在多模態(tài)任務(wù)中，這問題尤其突出。一籌莫展之際，來自人大系的初創(chuàng)團(tuán)隊(duì)，用自家的新模型，率先在國內(nèi)把「模型生成數(shù)據(jù)自己餵自己」變成了現(xiàn)實(shí)。而且還是理解側(cè)和生成側(cè)雙管齊下，兩側(cè)都能產(chǎn)生高品質(zhì)、多模態(tài)的新數(shù)據(jù)，對(duì)模型本身進(jìn)行數(shù)據(jù)反哺。模型是啥？中關(guān)村論壇上剛露面的多模態(tài)大模型Awaker1.0。團(tuán)隊(duì)是誰？智子引擎。由人大高瓴人工智慧學(xué)院博士生高一鑷創(chuàng)立，高

See all articles