主页 / 问题 / 836875
Accepted
pank
Asked:2020-06-03 05:28:25 +0000 UTC2020-06-03 05:28:25 +0000 UTC

如何用属性序列化表单？

  • 772

我正在用php开发一个网站。数据库有一个包含 id 和 name 列的表。在 php 中，会生成一个页面，格式如下：

<form>
  <select name="fruits">
    <option db-id="1">Apple</option>
    <option db-id="2">Orange</option>
    <option db-id="3">Apple</option>
  </select>
  <input type="submit">
</form>

现在我们需要以某种方式序列化这个表单，以便通过 Ajax 将它发送到服务器。在我使用这个功能之前：

$( "form" ).submit(function( event ) {
    let formData = $("form").serializeArray();
    // Отправка данных с помощью fetch или $.ajax
    event.preventDefault();
});

但是属性不是这样序列化的db-id。API 需要元素 id 来识别元素。

这个表格就是一个例子。真正的形式要大得多，编写自己的序列化程序有点贵。

也许除了 jquery 之外还有其他一些库可以让您将表单元素与属性一起序列化？还是有另一种方法来存储元素的 id - 不是在属性中，然后也只是将数据收集到一个对象中？

plnkr.co上的测试页面。

php

1 个回答

  1. Best Answer

    它option必须有一个必需的属性value，并且它传递值：

    $('form').submit(function(event) {
  event.preventDefault();
  
  console.log($(this).serialize());
  
  // можно доставать значение и из атрибута, но такой подход в данном случае - "такое"
  console.log($(this).find('select option:selected').attr('db-id'));
});
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <select name="fruits">
    <option db-id="1" value="1" selected>Apple</option>
    <option db-id="2" value="2">Orange</option>
    <option db-id="3" value="3">Apple</option>
  </select>
  <input type="submit">
</form>

    • 1

相关问题