如何通过Ajax在php上发送多个已创建输入字段的值

时间:2018-07-05 14:44:27

标签: javascript php html arrays ajax

enter image description here

  

我在表单中有一个示例部分,(我的表单有4个不同的字段/ div,就像这样),我想不到如何通过ajax在php上发送那些创建的输入字段的值。对不起,如果我不能解释清楚。我已经搜索过了,但是找不到我想要的确切答案。

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

我想使用一个使用某种name =“ skills []”(或数组类型)的函数,而不是使用诸如name =“ skills1”之类的函数。 tyia!

1 个答案:

答案 0 :(得分:0)

如果您给技能输入一个这样的课程

<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'];