[App Inventor] Web客戶端元件 POST 傳值的使用方式



[App Inventor] Web客戶端元件 POST 傳值的使用方式

[App Inventor] Web客戶端元件 POST 傳值的使用方式

過去在開發App時,Web客戶端元件大部份都以Get的方式進行值的傳遞。那可以用POST嗎?以下簡單的範例,我們將使用Web客戶端元件以POST的方式傳值給一個PHP程式,然後再返回結果顯示在App中。

1. 如下圖我們新增一個專案,在工作面板中拖曳一個按鈕,一個標籤及一個Web客戶端。我們希望等一下按下按鈕時,能將值以POST的方式傳遞到指定的網址中,得到結果後再顯示在下方的標籤中。

20161104-001

2. 接著開始寫程式,當按鈕點選時,設定Web客戶端的網址,並且呼叫Web客戶端執行POST文字的請求,文字的內容格式為「參數=值」,如果有多個參數格式為「參數1=值1&參數2=值2&參數3=值3」。

3. 當Web客戶端有收到資料時,再將回應的文字顯示在標籤之中。

20161104-002

4. 接著是PHP程式的內容,這裡很簡單就是用 $_POST[‘參數名稱’] 來接收,顯示在頁面上。程式如下:

<?php echo $_POST['try'];?>

5. 我們馬上用實機來測試,如下圖我們按下按鈕後,參數傳到PHP頁面,再把顯示的文字拿回來放在標籤中顯示了!成功。

screenshot_20161104-110501

您如果有POST的需求可以參考一下,謝謝。