編集可能な編集ボタンを持つHTMLテーブルがあります。これをクリックすると、行内の<td>
を編集できます。ユーザーがsaveにヒットしたら、Ajaxを使用して、更新クエリに入れられるすべての行情報を使用して値をupdate.php
に送信します。ただし、更新クエリが実行されると、4つの列(種、コンテナ、ミル、uom)以外のすべての値は、DBのテーブルに0
として入力されるか、空白になります。表でこれが起こっている列のタイプは、ほとんどがfloat(8)
で、一部はnvarchar(255)
です。更新クエリの値が0または空の値としてテーブルに入力される
値がupdate.php
に渡っているようですので、私の更新クエリで何かが間違っていると推測していますか?入力した実際の値に値を0 /空白に更新しないようにするために、更新クエリの問題を修正する方法についてアドバイスをいただければ幸いです。
のJavascriptとAjax(「ケース」の後に引用符で囲まれた名前は、対応する行のためのクラスです:update.php
に価値をもたらす
var isValid = true;
var errors = '';
var elements = tds;
var dict = {};
var selected;
elements.each(function (index, element) {
var type = $(this).attr('class');
var value = (element.tagName == 'INPUT') ? $(this).val() : $(this).text();
switch (type) {
case "species":
if (value) {
dict["Species"] = value;
break;
}
else {
isValid = false;
errors += "Please enter a valid Species\n";
}
break;
case "container":
if (value) {
dict["Container"] = value;
break;
}
else {
isValid = false;
errors += "Please enter Yes or No\n";
}
break;
case "supp-name":
if (value) {
dict["Supplier Name"] = value;
break;
}
else {
isValid = false;
errors += "Please enter a valid Supplier Name\n";
}
break;
case "supp-sku":
if (value) {
dict["Supplier SKU"] = value;
break;
}
else {
isValid = false;
errors += "Please enter a valid Supplier SKU\n";
}
break;
case "newsku":
if (value) {
dict["Current SKU"] = value;
break;
}
else {
isValid = false;
errors += "Please enter a valid Current SKU\n";
}
break;
case "mill":
if (value) {
dict["Mill"] = value;
break;
}
else {
isValid = false;
errors += "Please enter a valid Mill\n";
}
break;
case "lead-time":
if (value) {
dict["Lead Time"] = value;
break;
}
else {
isValid = false;
errors += "Please enter a valid Lead Time\n";
}
break;
case "less-than-unit-cost":
if (value) {
dict["Less Than Unit Cost"] = value;
break;
}
else {
isValid = false;
errors += "Please enter a valid Less Than Unit Cost\n";
}
break;
case "unit-cost":
if (value) {
dict["Unit Cost"] = value;
break;
}
else {
isValid = false;
errors += "Please enter a valid Unit Cost\n";
}
break;
case "mill-direct-cost":
if (value) {
dict["Mill Direct Cost"] = value;
break;
}
else {
isValid = false;
errors += "Please enter a valid Mill Direct Cost\n";
}
break;
case "unit-quantity":
if (value) {
dict["Unit Quantity"] = value;
break;
}
else {
isValid = false;
errors += "Please enter a valid Unit Quantity\n";
}
break;
case "bundle-cost":
if (value) {
dict["Bundle Cost"] = value;
break;
}
else {
isValid = false;
errors += "Please enter a valid number\n";
}
break;
case "mixed-unit-price":
if (value) {
dict["6+ Mixed Unit Price"] = value;
break;
}
else {
isValid = false;
errors += "Please enter a valid number\n";
}
break;
case "uom":
if (value) {
dict["UOM"] = value;
break;
}
else {
isValid = false;
errors += "Please enter a valid UOM\n";
}
break;
case "mill-loc":
if (value) {
dict["Mill Location"] = value;
break;
}
else {
isValid = false;
errors += "Please enter a valid Mill Location\n";
}
break;
case "id":
dict["ID"] = value;
break;
case "dropdown-select":
var $row = $(this).parents('tr');
selected = $row.find($(".selected")).val();
console.log(selected);
break;
}
})
if (isValid) {
console.log(dict);
console.log(selected);
$this.val('Edit');
tds.prop('contenteditable', false);
var request = $.ajax({
type: "POST",
url: "update.php",
data: dict, selected,
success: function(data){
console.log(dict);
console.log(selected);
}
});
request.done(function (response, textStatus, jqXHR){
if(JSON.parse(response) == true){
console.log("row updated");
} else {
console.log("row failed to updated");
console.log(response);
console.log(textStatus);
console.log(jqXHR);
}
});
}
変数:
$species = $_POST['Species'];
$container = $_POST['Container'];
$supp_name = $_POST['Supplier Name'];
$supp_sku = $_POST['Supplier SKU'];
$current_sku = $_POST['Current SKU'];
$mill = $_POST['Mill'];
$lead_time = $_POST['Lead Time'];
$less_than_unit_cost = $_POST['Less Than Unit Cost'];
$unit_cost = $_POST['Unit Cost'];
$mill_direct_cost = $_POST['Mill Direct Cost'];
$unit_quantity = $_POST['Unit Quantity'];
$bundle_cost = $_POST['Bundle Cost'];
$mixed_unit_price = $_POST['6+ Mixed Unit Price'];
$uom = $_POST['UOM'];
$mill_loc = $_POST['Mill Location'];
$id = $_POST['ID'];
$selected = $_POST['selected'];
更新クエリin update.php
:
$host="xxxxxxx";
$dbName="xxxx";
$dbUser="xxxxxxxxxx";
$dbPass="xxxxxxxx";
$pdo = new PDO("sqlsrv:Server=$host;Database=$dbName", $dbUser, $dbPass);
$pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
$sql = "UPDATE Example_Table SET [Species] = '$species',
[Container] = '$container',
[Supplier Name] = '$supp_name',
[Supplier SKU] = '$supp_sku',
[Current SKU] = '$current_sku',
[Mill] = '$mill',
[Lead Time] = '$lead_time',
[Less Than Unit Cost] = '$less_than_unit_cost',
[Unit Cost] = '$unit_cost',
[Mill Direct Cost] = '$mill_direct_cost',
[Unit Quantity] = '$unit_quantity',
[Bundle Cost] = '$bundle_cost',
[6+ Mixed Unit Price] = '$mixed_unit_price',
[UOM] = '$uom',
[Mill Location] = '$mill_loc'
WHERE ID = $id";
$stmt = $pdo->prepare($sql);
$result = $stmt->execute();
echo json_encode($result);
あなたは名前が一致していることを確認するためにF12ツールを使用してデバッグしましすべきですか? –
私はコンソールをチェックしていて、エラーは受け付けていません。私は行を保存した後、すべてのフォームデータがページに正しく渡されているように見えるので、私のupdate.phpを見るためにネットワークタブをチェックしました。 – Rataiczak24
これが発生している場所が整数に設定されていないことを確認してください。つまり、整数フィールドにvarcharを挿入しようとしている可能性があります。 DB内の行名の間にスペースを入れてはいけないことも知っておくべきでしょう。スペースをダッシュ ' - 'で置き換えるか '_ 'をアンダースコアにします – JeanPaul98