http请求

最新推荐文章于 2024-09-11 11:56:52 发布

Mastering Ability

最新推荐文章于 2024-09-11 11:56:52 发布

阅读量106

点赞数 6

文章标签： http 网络协议网络

本文链接：https://blog.csdn.net/2201_75353990/article/details/141874791

版权

import { http } from '@kit.NetworkKit'

const req = http.createHttp()

@Entry
@Component
struct Day01_05_SubmitData {
  @State username: string = ''
  @State password: string = ''

  build() {
    Column({ space: 15 }) {
      Text('请求方法和数据提交')
        .fontSize(30)
        .fontWeight(FontWeight.Bold)
      TextInput({ text: $$this.username, placeholder: '用户名' })
      TextInput({ text: $$this.password, placeholder: '密码' })
        .type(InputType.Password)

      Button('注册')
        .width('100%')
        .onClick(() => {

          req.request('http://xxx, {
            method: http.RequestMethod.POST,
            extraData: `username=${this.username}&password=${this.password}`
          })
            .then(res => {
              AlertDialog.show({ message: res.result.toString() })
            })
        })
      Button('登录')
        .width('100%')
        .onClick(() => {

          req.request('http://hmajax.itheima.net/api/login', {
            method: http.RequestMethod.POST,
            extraData: `username=${this.username}&password=${this.password}`
          })
            .then(res => {
              AlertDialog.show({ message: res.result.toString() })
            })
        })
    }
    .width('100%')
    .height('100%')
    .padding(20)
  }
}