如何通過Ajax在php上發送多個已創建輸入字段的值

Question

我在表單中有一個示例部分，（我的表單有4個不同的字段/ div，就像這樣），我想不到如何通過ajax在php上發送那些創建的輸入字段的值。 對不起，如果我不能解釋清楚。 我已經搜索過了，但是我找不到確切的答案。

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

我想使用一個使用某種name =“ skills []”（或數組類型）的函數，而不是使用諸如name =“ skills1”之類的函數。 tyia！

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