Javascript 如何将jquery添加的元素数组保存到MySQL DB中？

我想把它添加到我的数据库中，但我不知道如何发送它

db_table
id              int(11)
employee        varchar(40)
date_complete   date
time            time
status          boolean
job             varchar(50)

我拥有所有数据，但我不知道如何将其转换为数组，以便将其发送到php并保存在mysql数据库中

或者，如果有更好的方法来构造此代码，使其更容易或更好地实践

$（文档）.ready（函数（）{
$('', {
“类”：“外部人员”，
html:GetHtml（）
}).appendTo（“#container”）；
$（'#addRow'）。单击（函数（）{
$('', {
“类”：“外部人员”，
html:GetHtml（）
}).hide（）.appendTo（“#container”）.slideDown（200）；
});
})
函数GetHtml（）{
var len=$（'.extraPerson'）.length；
var$html=$（'.extraPersonTemplate'）.clone（）；
$html.find（'[name=date]'）[0].name=“date”+len；
$html.find（'[name=employee]'）[0].name=“employee”+len；
$html.find（'[name=time]'）[0].name=“time”+len；
$html.find（'[name=status]'）[0].name=“status”+len；
$html.find（'[name=job]'）[0].name=“job”+len；
返回$html.html（）；
}

.extraPersonTemplate{
显示：无；
}

乔
安娜
利兹
丹尼尔
上午9点。
上午10点。
上午11点。
下午12点。
下午1点。
完成了
进行中
设计
HTML
PHP

一种解决方案是使用Jquery序列化表单中的表单字段：

$( "form" ).on( "submit", function( event ) {
  var params = $( this ).serialize();
  $.post(yourserver.php, params, validate, "json")
});

function validate(response) {

  if (response.success) {
    // -- Do something after successful commit
    console.log("Allgood")
  } else {
    // -- Display an error
    console.log(response.message)
  }

}

---

一种解决方案是使用Jquery序列化表单中的表单字段：

$( "form" ).on( "submit", function( event ) {
  var params = $( this ).serialize();
  $.post(yourserver.php, params, validate, "json")
});

function validate(response) {

  if (response.success) {
    // -- Do something after successful commit
    console.log("Allgood")
  } else {
    // -- Display an error
    console.log(response.message)
  }

}

---

你的数据库在哪里？它是否位于具有URL的服务器上？您可以为该URL配置具有端点的API吗？在不了解数据库的情况下，我们无法讨论在您的特定情况下，如何实际保存该数据

至于您的选择，如果您想知道您的数据库情况是什么，下面是我的想法：

到HTML表单和。HTML表单可以在

submit

事件中将表单中的数据作为

formdata

发送。看起来您的数据是以HTML格式构建的，这可能是一个选项

您似乎已经了解了如何使用jquery访问DOM数据。您可以将数据收集到一个键值对对象中，然后

---

对于设置RESTful后端的详细介绍，我推荐您

您的数据库位于哪里？它是否位于具有URL的服务器上？您可以为该URL配置具有端点的API吗？在不了解数据库的情况下，我们无法讨论在您的特定情况下，如何实际保存该数据

至于您的选择，如果您想知道您的数据库情况是什么，下面是我的想法：

到HTML表单和。HTML表单可以在

submit

事件中将表单中的数据作为

formdata

发送。看起来您的数据是以HTML格式构建的，这可能是一个选项

您似乎已经了解了如何使用jquery访问DOM数据。您可以将数据收集到一个键值对对象中，然后

---

对于设置RESTful后端的详细介绍，我推荐您

传递使用jQuery创建的元素数组

var elementValue1 = $("#id").val(); // depends on type of element (text, select, checkbox, ...)
var elementValue2 = $("employee").val();

var request = $.ajax({
  url: "script.php",
  method: "POST",
  data: { id : elementValue1, employee: elementValue2 }, // etc.
  dataType: "html"
});

request.done(function( msg ) {
  alert("data sent to script");
});

request.fail(function( jqXHR, textStatus ) {
  alert( "Request failed: " + textStatus );
});

---

查看太多

传递用jQuery创建的元素数组

var elementValue1 = $("#id").val(); // depends on type of element (text, select, checkbox, ...)
var elementValue2 = $("employee").val();

var request = $.ajax({
  url: "script.php",
  method: "POST",
  data: { id : elementValue1, employee: elementValue2 }, // etc.
  dataType: "html"
});

request.done(function( msg ) {
  alert("data sent to script");
});

request.fail(function( jqXHR, textStatus ) {
  alert( "Request failed: " + textStatus );
});

---

查看太多

如果您正在使用jQuery，请查看

$.post

或

$.ajax

@ntgCleaner我想知道的是如何将其转换为数组您需要给输入数组样式名称，

name=“employee[]”

。然后，当您使用

$（“#form1”）.serialize（）

并提交数据时，

$\u POST['employee']

将是一个数组。您可以在数组上循环并将每一行插入数据库。请参阅jQuery。如果您使用jQuery，请查看

$.post

或

$.ajax

@ntgCleaner。我想知道的是如何将其转换为数组。您需要为输入提供数组样式名称，

name=“employee[]”

。然后，当您使用

$（“#form1”）.serialize（）

并提交数据时，

$\u POST['employee']

将是一个数组。您可以循环数组并将每一行插入数据库。请参阅jQuery。数组在哪里？您只发送了两个输入值，而不是所有动态添加的输入行。数组在哪里？您只发送两个输入值，而不是所有动态添加的输入行。