如何通过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']将是一个数组。