如何在jquery中使用序列化确定字段类型答案

【问题标题】：how to determine field type with serialize in jquery如何在jquery中使用序列化确定字段类型
【发布时间】：2019-04-14 06:16:59
【问题描述】：

我想通过 ajax 发送一个序列化的表单，但我需要知道哪个字段是选择的，哪个是文本输入，但不知道我该怎么做。

$('#contact_filter_btn').click(function(){
form = $('#contact_filter').serialize();
   $.ajax({
    type    : 'POST',
    url     : '//'+base_url+'/ajax/contact-filter.php',
    data    : form,
    success : function(data) {
        $('#customers_table').html(data);
    }
  });
});

关于如何确定该字段是文本还是选择的任何想法？如果这会有所帮助，我不介意对 html 进行修改

【问题讨论】：

分享你的html代码
您可以使用$('select') 和$('input') 获取所有元素，并使用$.each 从这些元素中获取数据。然后使用这些数组创建 JSON 并将其发送到 URL
您可以将类型添加到每个输入名称中，例如：<select name="example1_select">, <input name="example2_text">,... 然后在您的后端将每个名称拆分为 _ 以检索真实的名称和类型。

标签： jquery forms serialization

【解决方案1】：

我认为最简单的解决方案就是更改表单字段的名称。所以我把名字改成$type.'_'.$name

这让我知道它是什么类型，我只是在 php 中 strpos/substr 他们，以额外的类型并从名称中删除该部分？

【讨论】：