使用Ajax POST將乘法輸入字段值發送到php

Question

我正在嘗試向PHP發送一些動態創建的輸入字段值，以驗證它們並在后台對數據庫進行一些檢查。 我不想使用提交表單，而只是在單擊按鈕后檢查字段。

HTML：

<input name="clockpick" class="input-mini timeinputfrom" data-format="hh:mm" type="text"></input>
<input name="clockpick" class="input-mini timeinputfrom" data-format="hh:mm" type="text"></input>
<button id="check" class="btn btn-primary">check</button></div>

可以根據需要動態創建輸入框。 我將值輸入到jquery中，但找不到通過郵寄將其發送到php的任何可能性。

jQuery：

$('#submit').on('click', function() {

var inputfield = $('input[name="clockpick"]');

 $('input[name="clockpick1"]').each(function( index, element ) {
    console.log( "Wert" + index + ": " + $( element ).val() );          
});


$.ajax({
        type: "POST",
        url: "productiontimevalidate.php",
        data: ????

    });

如何將值/數組發送到PHP？

Answer 1

另一種方法是將值添加到數組，然后將其轉換為json以進行發送。

var allClockPicks = [];
$('input[name="clockpick1"]').each(function( index, element ) {
  allClockPicks.push($(element).val());
});

然后，ajax可以將數據發送為

data: {cp: JSON.stringify(allClockPicks)}

在php端，您可以json_decode如下：

$cpArray = json_decode($_POST['cp'], true);

Answer 2

如果您的元素位於<form class="my-form"> [elements...] </form>

您可以使用以下簡短版本：

<script>
$.post('/my/path/app.php', $('.my-form').serialize(), function(r) {
   console.log(r);
},'json'); // parse response as JSON
</script>

app.php

<?php
echo json_encode(array('success' => true, 'post', $_POST));
?>