Javascript中的数组更新时，如何使用PHP更新并插入到databse中？

Question

我有一个程序可以从数据库中获取数据，然后使用d3和javascript将其绘制成图形。 我有几种方法可以将数据更新并插入到javascript的本地数组中，但是我也需要更新并插入数据库中。 我该怎么做？ 我正在使用PSQL数据库。

这是我的PHP代码：

<?php

   // attempt a connection
 $dbh = pg_connect("host=localhost dbname=data user=postgres");
 if (!$dbh) {
     die("Error in connection: " . pg_last_error());
 }       

 // execute query
 $sql = "SELECT * FROM dataset";
 $result = pg_query($dbh, $sql);
 if (!$result) {
     die("Error in SQL query: " . pg_last_error());
 }       


 $arr = pg_fetch_all_columns($result, 1);


 // free memory
 pg_free_result($result);       

 // close connection
 pg_close($dbh);

?>

这就是我正在谈论的方法，单击事件条时，clickEvent会提示输入，并更新条的长度。

function clickEvent(d, i) {
    var op = prompt("Please enter the value", d);
    data[i] = parseInt(op, 10);
    render();

};

单击“添加数据”时，此方法提示输入，并添加新的栏。

d3.select("button").on("click", function(d, i) {
    var op = prompt("Please enter the value", "");
    var newData = parseInt(op, 10);
    if (!isNaN(newData)) {
      data.push(newData);
      render();
    }
});

这是javascript代码的jfiddle，以查看其功能。

Answer 1

使用jQuery.ajax（） ，您可以将数字传递给“ url”中定义的脚本，该脚本会将值保存到数据库。

var request = $.ajax({
  url: "script.php",
  type: "POST",
  data: {barLength : newData},
  dataType: "html"
});