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

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

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

40472.html

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

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

40472.html

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

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

40472.html

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在 App Inventor 中创建一个 Web 客户来获取服务器数据,你可以使用 Web 模块和相应的组件。下面是一个简单的示例: 1. 在 App Inventor 中创建一个新项目,并打开设计视图。 2. 在组件面板中,找到并添加一个 Web 组件。 3. 在屏幕上添加一个按钮组件,并为其命名为 "Get Data"。 4. 在 Blocks 编辑器中,找到 "Button1" 的点击事件,将其拖动到工作区中。 5. 在工作区中,使用 Web 组件的方法和事件块来获取服务器数据。 - 使用 `Web1.GotText` 事件块来处理获取到的服务器数据。 - 在 `Button1.Click` 事件块中,使用 `Web1.Get` 方法发送 GET 请求到服务器并获取数据。 下面是一个示例代码: ```blocks // 当按钮点击时触发 Button1.Click // 设置 Web 组件的请求 URL Web1.Url = "http://your_server_url/data" // 发送 GET 请求并获取服务器数据 Web1.Get() // 当获取到服务器数据时触发 Web1.GotText // 将获取到的数据显示在标签组件上 Label1.Text = Web1.ResponseContent ``` 在这个示例中,我们设置了 Web 组件的 URL 为服务器的地址,并在按钮点击事件中发送 GET 请求。当获取到服务器数据后,`GotText` 事件将被触发,我们将服务器数据显示在一个标签组件上。 请确保将 "your_server_url" 替换为你实际的服务器地址。另外,还可以根据服务器的 API 接口定义来添加其他必要的参数和头部信息。 这只是一个简单的示例,你可以根据你的需求扩展和定制这个代码。App InventorWeb 组件提供了更多的方法和事件,如 POST 数据、处理错误等,你可以查阅相应的文档以了解更多信息。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值