如何通过ajax在php上发送多个创建的输入字段的值答案

【问题标题】：How to send the values of multiple created input fields on php via ajax如何通过ajax在php上发送多个创建的输入字段的值
【发布时间】：2018-12-14 02:34:03
【问题描述】：

我的表单中有一个示例部分（我的表单有 4 个不同的字段/div），我想不出如何通过 ajax 在 php 上发送这些创建的输入字段的值。对不起，如果我不能很好地解释它。我已经搜索过这个，但我无法得到我正在寻找的确切答案。

<input type = "text" class = "form-control" placeholder="Knowledgeable/Proficient in.." name = "skills[]" >

我想使用一个函数，它使用某种 name="skills[]"（或数组类型）而不是 name="skills1"。哎呀！

【问题讨论】：

我用谷歌搜索“使用 ajax 发送表单数据”，发现：stackoverflow.com/questions/21662836/send-form-data-using-ajax
@KIKOSoftware 我检查了它，但我的问题是我有 4 个 div 有多个创建的输入字段，我在如何在 ajax 上发送它并在 php 上获取它时遇到问题。谢谢回答！！ :))

标签： javascript php html arrays ajax

【解决方案1】：

如果你给技能输入一个这样的类

<input type="text" class="form-control skill-input" placeholder="Knowledgeable/Proficient in..">

然后您可以在 javascript 中从表单创建一个对象（例如使用 jquery）

var skills = [];
$(".skill-input").each(function() {
    skills.push($(this).val());
});
console.log(skills); //final array of skills

var resume = JSON.stringify({
    firstName: $('[name=firstName]').val(),
    lastname: $('[name=lastName]').val(),
    skills: skills
});

$.ajax({
    dataType: 'json',
    url: './submit.php',
    type: 'POST',
    data: {resume:resume}
});

然后在您的submit.php 上您可以拥有

$form = json_decode($_POST['resume'], true);
echo $form['skills'];

【讨论】：

如何通过 ajax 将这些值与其他值从我的表单发送到我的 php 页面？谢谢你先生:))
更新了我的帖子。刚到我的电脑，所以我将测试代码。
@Prozky 很抱歉回复晚了，在 $form = json_decode($_POST['resume']);我怎样才能分别获得价值？还是像 $_POST['firstName']; ?以及如何获得阵法技能值？太感谢了！！这很有帮助:))
嗨@jes，我编辑了答案的底部。看看这是否适合你。
非常感谢！会告诉你它是否有效！抱歉，我正忙于完成这个项目