uni-app表单提交给PHP

uni-app是一个基于Vue.js的跨平台应用开发框架，它允许开发者编写一套代码，生成兼容Android、iOS、Web等多端的应用。当涉及到从uni-app表单向服务器如PHP后端发送数据时，可以采用以下步骤：

1. **数据绑定**：在uni-app的WXML模板中，使用`<input>`、`<textarea>`等标签创建表单，并通过v-model指令将数据绑定到组件的data属性上。

<!-- uni-form.wxml -->
<form bindsubmit="onSubmit">
    <input type="text" v-model="username" placeholder="用户名">
    <textarea v-model="message" placeholder="留言"></textarea>
    <button type="submit">提交</button>
</form>

2. **事件处理**：在对应的JS文件中，创建一个名为`onSubmit`的方法，这个方法会在用户点击提交按钮时触发。在这里你可以获取表单数据并将其封装成JSON对象。

// uni-form.js
Page({
  data: {
    username: '',
    message: ''
  },
  
  onSubmit(e) {
    const formData = {
      'username': this.username,
      'message': this.message
    };
    
    // 发送HTTP请求
    uni.request({
      url: 'your-php-url.php', // 替换为你PHP接口的实际地址
      method: 'post',
      data: formData,
      header: {
        'Content-Type': 'application/x-www-form-urlencoded' // 表单默认格式
      },
      success(res) {
        console.log('提交成功:', res.data);
      },
      fail(err) {
        console.error('提交失败:', err);
      }
    });
  }
})

3. **PHP接收**：在PHP后端，通常会检查`$_POST`数组来获取提交的数据。处理完数据后，可以选择返回响应结果或直接操作数据库。

// your-php-url.php
<?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";

$conn = new mysqli($servername, $username, $password, $dbname);

if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}

$username = $_POST['username'];
$message = $_POST['message'];

// ... 对接收到的数据进行处理

// 关闭连接
$conn->close();
?>