将表格数据从 jquery 发布到 php

Posted 2023-05-08

【中文标题】将表格数据从 jquery 发布到 php

【英文标题】：post table data from jquery to php

【发布时间】：2022-01-12 03:03:40

【问题描述】：

早上好， 我不知道如何将数据从 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")
    
);

【问题讨论】：

你有一个html表，你想从这个表中获取数据来发送数据到php，对吧？试试这个link

【参考方案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() 方法可以采用多个类名，以空格分隔。这可以减少您需要使用的语句数量。

【讨论】：

非常感谢，我只是想请问您能否告诉我我的 php 文件应该是怎样的，因为我还没有创建一个，非常感谢。