javascript - Scalajs-react：提取表单数据以将 json 发送到后端

Question

我正在尝试开发一个简单的网页，用户可以使用它来填写一些详细信息，然后我需要将这些详细信息发送到后端服务。我正在使用 scalajs-react 框架。我的基本代码如下：

ScalaComponent
    .builder[Props]("Home")
    .render_P { props =>
      <.div(
        <.p("Welcome"),
        <.form(
          <.label("Name:",
            <.input.text(^.name := "name", ^.id := "personName")),
          <.br,
          <.label("About you:",
            <.textarea(^.name := "description", ^.id := "personDescription")),
          <.br,
          <.button(
            ^.onClick --> handleSubmitAction,
            "Press me")
        )
      )
    }
    .build

def handleSubmitAction: Callback = {
    ...extract details from form and create Person json to send to backend service
    Callback.empty
  }

所以基本上handleSubmitAction 将在用户按下按钮时被调用，并在其中创建一个json对象（Person）并需要将其发送到后端服务。

我不确定如何提取表单数据，并发送到本地运行的后端服务。

标签： javascripthtmlreactjsscalajs-react