首頁  >  文章  >  web前端  >  uniapp如何請求伺服器數據

uniapp如何請求伺服器數據

coldplay.xixi
coldplay.xixi原創
2020-12-14 14:04:256947瀏覽

uniapp請求伺服器資料的方法:先定義一個lists,並在template中定義元素;然後在methods中新增方法,使用【uni.request】的方法來請求後台數據,url位址採用拼接的方式,在success函數中處理返回結果資料。

uniapp如何請求伺服器數據

本教學操作環境:windows7系統、uni-app2.5.1版本、thinkpad t480電腦。

uniapp要求伺服器資料的方法:

1、先在變數中定義一個lists,用來傳回後台請求資料的結果,定義為陣列類型。

uniapp如何請求伺服器數據

2、然後在template中定義元素,用來處理回傳結果,渲染dom元素,如下圖所示。

uniapp如何請求伺服器數據

3、在methods中加入方法,使用uni.request的方法來請求後台數據,url位址採用拼接的方式,在success函數中處理回傳結果資料

uniapp如何請求伺服器數據

推薦(免費):uni-app開發教學

4、我們在HBuilderX中透過crtl r的快捷鍵運行該程序,選擇使用微信小程序模擬過程。

uniapp如何請求伺服器數據

5、在微信小程式上我們透過開啟對應的頁面,開啟控制台及偵錯工具,看是否有請求

uniapp如何請求伺服器數據

#6、接著我們在看下微信小程式的運作效果,dom元素中將傳回的後台結果在前台進行渲染了。

uniapp如何請求伺服器數據

相關免費學習推薦:php程式設計(影片)

以上是uniapp如何請求伺服器數據的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn