weui使用ajax提交表单数据到数据库

使用 Ajax 提交表单数据到数据库需要以下步骤：

1. 在页面中引入 jQuery 库和 weui 库。

2. 编写 HTML 表单，并设置表单的 id 属性。

3. 编写 JavaScript 代码，在表单提交时使用 Ajax 技术将数据提交到后台。

以下是示例代码：

HTML 代码：

<form id="myForm">
  <div class="weui-cells__title">个人信息</div>
  <div class="weui-cells">
    <div class="weui-cell">
      <div class="weui-cell__hd"><label class="weui-label">姓名</label></div>
      <div class="weui-cell__bd">
        <input class="weui-input" type="text" name="name" placeholder="请输入姓名">
      </div>
    </div>
    <div class="weui-cell">
      <div class="weui-cell__hd"><label class="weui-label">手机号码</label></div>
      <div class="weui-cell__bd">
        <input class="weui-input" type="tel" name="phone" placeholder="请输入手机号码">
      </div>
    </div>
  </div>
  <div class="weui-btn-area">
    <button type="submit" class="weui-btn weui-btn_primary">提交</button>
  </div>
</form>

JavaScript 代码：

$(function() {
  $('#myForm').submit(function(e) {
    e.preventDefault(); // 阻止表单默认提交事件
    var formData = $(this).serialize(); // 获取表单中的数据
    $.ajax({
      url: 'save.php', // 后台处理文件的 URL
      type: 'POST',
      data: formData, // 提交的数据
      success: function(res) {
        if (res.code == 0) {
          alert('数据保存成功！');
        } else {
          alert('数据保存失败！');
        }
      },
      error: function() {
        alert('网络错误，请稍后再试！');
      }
    });
  });
});

在上面的代码中，我们使用了 jQuery 的 serialize() 方法将表单中的数据序列化为字符串，然后使用 $.ajax() 方法将数据提交到后台。在后台处理文件中，我们可以使用 PHP、ASP、JSP 等服务器端语言来处理表单数据，并将处理结果返回给前端页面。