如何通過Ajax將多個數據字段發送到php頁面？

Question

我有一個問題，我想使用ajax將2個帖子發送到我的作者php頁面

多數民眾贊成在我的代碼：

$.ajax({
type: "POST",
url: "includes/get_competitions.php",
data:'sport=<?php echo $_GET['sports']; ?>',
success: function(data){
    $("#competitions-list").html(data);
}

這就是我想做的：

$.ajax({
type: "POST",
url: "includes/get_competitions.php",
data:'sport1=<?php echo $_GET['sports1']; ?>, sport2=<?php echo $_GET['sports2']; ?>',
success: function(data){
    $("#competitions-list").html(data);
}

但這沒用

Answer 1

你可以試試這個

data: $('#myForm').serialize()   <---- your form name

這將發送所有表格數據

Answer 2

在數據串的多個參數之間用& ，不, （它就像參數的URL語法）。

但是，如果您使用的是jQuery，則最好使用一個對象。 $.ajax會自動將其轉換為正確編碼的查詢字符串。 您可以使用json_encode()將PHP值轉換為相應的JavaScript文字。

$.ajax({
    type: "POST",
    url: "includes/get_competitions.php",
    data: {
        sport1: <?php echo json_encode($_GET['sports1']); ?>, 
        sport2: <?php echo json_encode($_GET['sports2']); ?>
    },
    success: function(data){
        $("#competitions-list").html(data);
}

您也可以制作一個sports數組，而不是對參數進行編號。

$.ajax({
    type: "POST",
    url: "includes/get_competitions.php",
    data: {
        sports: [<?php echo json_encode($_GET['sports1']); ?>, 
                 <?php echo json_encode($_GET['sports2']); ?>]
    },
    success: function(data){
        $("#competitions-list").html(data);
}

然后在get_competitions.php ， $_POST['sports']將是一個數組。