在微信小程序中如何使用ajax實現(xiàn)請求服務器數(shù)據(jù)
Jun 20, 2018 pm 03:45 PM
這篇文章主要介紹了微信小程序ajax實現(xiàn)請求服務器數(shù)據(jù)及模版遍歷數(shù)據(jù)功能,結(jié)合實例形式分析了微信小程序ajax調(diào)用及模板wx:for循環(huán)列表渲染相關(guān)操作技巧,需要的朋友可以參考下
本文實例講述了微信小程序ajax實現(xiàn)請求服務器數(shù)據(jù)及模版遍歷數(shù)據(jù)功能。分享給大家供大家參考，具體如下：
昨天下載了一個微信小程序的開發(fā)者工具，大概看了一下文檔，簡單的用他的方法實現(xiàn)了ajax請求。
微信小程序文檔地址：
https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1474632113_xQVCl
頭部標題和底部tab配置都在 app.json文件中，底部tab位最少兩個，最多五個。下面是app.json文件代碼和相關(guān)注釋
{
"pages":[
"pages/index/index",
"pages/tucao/tucao",
"pages/center/center"
],
"window":{
"backgroundTextStyle":"",
"navigationBarBackgroundColor": "red",
"navigationBarTitleText": "一個標題而已",
"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實現(xiàn)ajax請求服務器數(shù)據(jù)的，一個程序里面最多能有五個這樣的請求。下面是index.js的代碼
//index.js
//獲取應用實例
var app = getApp()
Page({
data: {
motto: 'Hello World',
userInfo: {},
Industry:{}
},
onLoad: function (res) {
var that = this
//調(diào)用應用實例的方法獲取全局數(shù)據(jù)
app.getUserInfo(function(userInfo){
//更新數(shù)據(jù)
that.setData({
userInfo:userInfo
})
})
wx.request({
url: 'http://xx.xxxxx.com/xxx.php',//上線的話必須是https，沒有appId的本地請求貌似不受影響
data: {},
method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
// header: {}, // 設(shè)置請求的 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的返回數(shù)據(jù)格式是一個json，格式如下
展示頁面就簡單了，變量{{array}} 微信模版遍歷數(shù)據(jù)使用 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>上面是我整理給大家的，希望今后會對大家有幫助。
相關(guān)文章：
在node.js中用fs.rename如何實現(xiàn)強制重命名
以上是在微信小程序中如何使用ajax實現(xiàn)請求服務器數(shù)據(jù)的詳細內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！
熱AI工具
Undress AI Tool
免費脫衣服圖片
Undresser.AI Undress
人工智能驅(qū)動的應用程序，用于創(chuàng)建逼真的裸體照片
AI Clothes Remover
用于從照片中去除衣服的在線人工智能工具。
Clothoff.io
AI脫衣機
Video Face Swap
使用我們完全免費的人工智能換臉工具輕松在任何視頻中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的代碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
功能強大的PHP集成開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級代碼編輯軟件(SublimeText3)
使用ddrescue在Linux上恢復數(shù)據(jù)
Mar 20, 2024 pm 01:37 PM
DDREASE是一種用于從文件或塊設(shè)備(如硬盤、SSD、RAM磁盤、CD、DVD和USB存儲設(shè)備)恢復數(shù)據(jù)的工具。它將數(shù)據(jù)從一個塊設(shè)備復制到另一個塊設(shè)備，留下?lián)p壞的數(shù)據(jù)塊，只移動好的數(shù)據(jù)塊。ddreasue是一種強大的恢復工具，完全自動化，因為它在恢復操作期間不需要任何干擾。此外，由于有了ddasue地圖文件，它可以隨時停止和恢復。DDREASE的其他主要功能如下：它不會覆蓋恢復的數(shù)據(jù)，但會在迭代恢復的情況下填補空白。但是，如果指示工具顯式執(zhí)行此操作，則可以將其截斷。將數(shù)據(jù)從多個文件或塊恢復到單
開源！超越ZoeDepth！ DepthFM：快速且精確的單目深度估計！
Apr 03, 2024 pm 12:04 PM
0.這篇文章干了啥？提出了DepthFM：一個多功能且快速的最先進的生成式單目深度估計模型。除了傳統(tǒng)的深度估計任務外，DepthFM還展示了在深度修復等下游任務中的最先進能力。DepthFM效率高，可以在少數(shù)推理步驟內(nèi)合成深度圖。下面一起來閱讀一下這項工作~1.論文信息標題：DepthFM:FastMonocularDepthEstimationwithFlowMatching作者：MingGui,JohannesS.Fischer,UlrichPrestel,PingchuanMa,Dmytr
如何將Dnsmasq配置為DHCP中繼服務器
Mar 21, 2024 am 08:50 AM
DHCP中繼的作用是將接收到的DHCP數(shù)據(jù)包轉(zhuǎn)發(fā)到網(wǎng)絡(luò)上的另一個DHCP服務器，即使這兩個服務器位于不同的子網(wǎng)中。通過使用DHCP中繼，您可以實現(xiàn)在網(wǎng)絡(luò)中心部署一個集中式的DHCP服務器，并利用它為所有網(wǎng)絡(luò)子網(wǎng)/VLAN動態(tài)分配IP地址。Dnsmasq是一種常用的DNS和DHCP協(xié)議服務器，可以配置為DHCP中繼服務器，以幫助管理網(wǎng)絡(luò)中的動態(tài)主機配置。在本文中，我們將向您展示如何將dnsmasq配置為DHCP中繼服務器。內(nèi)容主題：網(wǎng)絡(luò)拓撲在DHCP中繼上配置靜態(tài)IP地址集中式DHCP服務器上的D
iPhone上的蜂窩數(shù)據(jù)互聯(lián)網(wǎng)速度慢：修復
May 03, 2024 pm 09:01 PM
在iPhone上面臨滯后，緩慢的移動數(shù)據(jù)連接？通常，手機上蜂窩互聯(lián)網(wǎng)的強度取決于幾個因素，例如區(qū)域、蜂窩網(wǎng)絡(luò)類型、漫游類型等。您可以采取一些措施來獲得更快、更可靠的蜂窩互聯(lián)網(wǎng)連接。修復1–強制重啟iPhone有時，強制重啟設(shè)備只會重置許多內(nèi)容，包括蜂窩網(wǎng)絡(luò)連接。步驟1–只需按一次音量調(diào)高鍵并松開即可。接下來，按降低音量鍵并再次釋放它。步驟2–該過程的下一部分是按住右側(cè)的按鈕。讓iPhone完成重啟。啟用蜂窩數(shù)據(jù)并檢查網(wǎng)絡(luò)速度。再次檢查修復2–更改數(shù)據(jù)模式雖然5G提供了更好的網(wǎng)絡(luò)速度，但在信號較弱
谷歌狂喜：JAX性能超越Pytorch、TensorFlow！或成GPU推理訓練最快選擇
Apr 01, 2024 pm 07:46 PM
谷歌力推的JAX在最近的基準測試中性能已經(jīng)超過Pytorch和TensorFlow，7項指標排名第一。而且測試并不是在JAX性能表現(xiàn)最好的TPU上完成的。雖然現(xiàn)在在開發(fā)者中，Pytorch依然比Tensorflow更受歡迎。但未來，也許有更多的大模型會基于JAX平臺進行訓練和運行。模型最近，Keras團隊為三個后端（TensorFlow、JAX、PyTorch）與原生PyTorch實現(xiàn)以及搭配TensorFlow的Keras2進行了基準測試。首先，他們?yōu)樯墒胶头巧墒饺斯ぶ悄苋蝿者x擇了一組主流
特斯拉機器人進廠打工，馬斯克：手的自由度今年將達到22個！
May 06, 2024 pm 04:13 PM
特斯拉機器人Optimus最新視頻出爐，已經(jīng)可以在廠子里打工了。正常速度下，它分揀電池（特斯拉的4680電池）是這樣的：官方還放出了20倍速下的樣子——在小小的“工位”上，揀啊揀啊揀：這次放出的視頻亮點之一在于Optimus在廠子里完成這項工作，是完全自主的，全程沒有人為的干預。并且在Optimus的視角之下，它還可以把放歪了的電池重新?lián)炱饋矸胖?，主打一個自動糾錯：對于Optimus的手，英偉達科學家JimFan給出了高度的評價：Optimus的手是全球五指機器人里最靈巧的之一。它的手不僅有觸覺
美國空軍高調(diào)展示首個AI戰(zhàn)斗機！部長親自試駕全程未干預，10萬行代碼試飛21次
May 07, 2024 pm 05:00 PM
最近，軍事圈被這個消息刷屏了：美軍的戰(zhàn)斗機，已經(jīng)能由AI完成全自動空戰(zhàn)了。是的，就在最近，美軍的AI戰(zhàn)斗機首次公開，揭開了神秘面紗。這架戰(zhàn)斗機的全名是可變穩(wěn)定性飛行模擬器測試飛機（VISTA），由美空軍部長親自搭乘，模擬了一對一的空戰(zhàn)。5月2日，美國空軍部長FrankKendall在Edwards空軍基地駕駛X-62AVISTA升空注意，在一小時的飛行中，所有飛行動作都由AI自主完成！Kendall表示——在過去的幾十年中，我們一直在思考自主空對空作戰(zhàn)的無限潛力，但它始終顯得遙不可及。然而如今，
超級智能體生命力覺醒！可自我更新的AI來了，媽媽再也不用擔心數(shù)據(jù)瓶頸難題
Apr 29, 2024 pm 06:55 PM
哭死啊，全球狂煉大模型，一互聯(lián)網(wǎng)的數(shù)據(jù)不夠用，根本不夠用。訓練模型搞得跟《饑餓游戲》似的，全球AI研究者，都在苦惱怎么才能喂飽這群數(shù)據(jù)大胃王。尤其在多模態(tài)任務中，這一問題尤為突出。一籌莫展之際，來自人大系的初創(chuàng)團隊，用自家的新模型，率先在國內(nèi)把“模型生成數(shù)據(jù)自己喂自己”變成了現(xiàn)實。而且還是理解側(cè)和生成側(cè)雙管齊下，兩側(cè)都能生成高質(zhì)量、多模態(tài)的新數(shù)據(jù)，對模型本身進行數(shù)據(jù)反哺。模型是啥？中關(guān)村論壇上剛剛露面的多模態(tài)大模型Awaker1.0。團隊是誰？智子引擎。由人大高瓴人工智能學院博士生高一釗創(chuàng)立，高
