将表格数据从 jquery 发布到 php

Question

早上好， 我不知道如何将数据从 html jquery ajax 发送到 php 并检索它。 我试图使用 google sheet api，但对于 choix:tab 我没有得到任何结果。 我想将数据发送到 php 或 mysql 但我不知道如何通过 jquery 的 post 方法将表放入 mysql

var nom = $("#nom").val();
var prenom = $("#nom").val();

var tab = [];

$(".choosed").each((index,elem)=> {
    tab.push($(elem).attr("alt"));
})

$.ajax({
    type: "POST",
    url: "gamay.php",
    data:{nom:$("#nom").val(),prenom:$("#prenom").val(),
          service:$("#service").val(),choix:tab,demande:$("#demande").val()
    },
    success: function(response){
        $(".box").hide();
        $(this).attr("disabled",false);
        $(".formations").removeClass("btn-primary");    
        $(".formations").addClass("btn-secondary"); 
        $(".formations").removeClass("choosed");
        $(".box2").toggleClass("transform-active");
        
        $("#saveName").fadeIn(500);
        $("#successDiv").show();
        $('html,body').animate({ scrollTop: 0 }, 'slow');
    },
    error : function() {
        alert("KO")
    }
});

Answer 1

试试

data: JSON.stringify({
  nom: $("#nom").val(),
  prenom: $("#prenom").val(),
  service: $("#service").val(),
  choix: tab,
  demande: $("#demande").val()
})

在您的 PHP 中，您可能需要使用 json_decode($_POST['choix'], true) 来解码数组，因为它本身就是一个复杂值。但是，其他的应该可以在 '$_POST' 中通过简单地引用它们的键名来使用。

关于 jQuery 的一些注意事项，避免多次使用相同的选择器（尤其是在同一范围内）。 例如。您正在使用$(".formations") 3 次。 相反，使其可变。 var $formations = $(".formations");，然后参考 $formations 变量以获取所有 3 个语句。使用 jQuery 更昂贵的方面之一是冗余地选择/创建 jQuery 对象。不要忘记 DRY 原则。

.removeClass() 方法可以采用多个类名，以空格分隔。这可以减少您需要使用的语句数量。