У меня есть кнопка, которую можно щелкнуть, которая откроет всплывающее окно с одним текстовым полем. Всякий раз, когда я ввожу что-то и нажимаю «Добавить», я хочу, чтобы он был вставлен в мою базу данных.Использование JavaScript/AJAX для вставки строки в базу данных
В настоящее время, когда я нажимаю «Добавить», он будет вставляться в БД, но он не будет считывать введенное значение. Поэтому нулевое значение просто вводится. У меня нет ошибок, которые я вижу, однако в моем JavaScript я делаю console.log(type + " : " + value);
и он возвращает sku_group-0 :
в журналах. Я также делаю console.log(dict)
, а вывод в журнале - Object {}
, поэтому не похоже, что введенное значение регистрируется. Я также получаю успешное сообщение row inserted
в журналах, поэтому я определенно думаю, что это просто вопрос, чтобы получить значения, которые нужно прочитать.
Так что мой вопрос в том, как я могу заставить его прочитать значение и успешно ввести его в базу данных.
HTML СДВ кнопки:
<button class="create-user" id="insertButton">Add Group</button>
HTML выскакивающих Box:
<div id="dialog-form" title="Add Group">
<p class="validateTips">Please Add a Group</p>
<!-- Dialog box displayed after add row button is clicked -->
<form>
<fieldset>
<label for="sku_group">SKU Group</label>
<input type="text" name="group" id="group" class="text ui-widget-content ui-corner-all">
<!-- Allow form submission with keyboard without duplicating the dialog button -->
<input type="submit" id="submit" tabindex="-1" style="position:absolute; top:-1000px">
</fieldset>
</form>
</div>
JavaScript:
$(function() {
var dialog, form,
sku_group = $("#group"),
allFields = $([]).add(sku_group),
tips = $(".validateTips");
console.log(allFields);
function updateTips(t) {
tips
.text(t)
.addClass("ui-state-highlight");
setTimeout(function() {
tips.removeClass("ui-state-highlight", 1500);
}, 500);
}
function checkRegexp(o, regexp, n) {
if (!(regexp.test(o.val()))) {
o.addClass("ui-state-error");
updateTips(n);
return false;
} else {
return true;
}
}
function addGroup() {
var valid = true;
allFields.removeClass("ui-state-error");
// ----- Validation for each input in add row dialog box -----
valid = valid && checkRegexp(sku_group, /^[a-z]([0-9a-z_\s])+$/i, "Please enter a valid SKU Group name");
console.log(allFields);
if (valid) {
var $tr = $("#skuTable tbody tr td").eq(0).clone();
var dict = {};
var errors = "";
$tr.each(function(){
var type = $(this).attr('id');
var value = $(this).html();
console.log(type + " : " + value);
switch (type) {
case "group":
dict["SKU Group"] = value;
break;
}
});
$("#skuTable tbody").append($tr);
dialog.dialog("close");
console.log(dict);
var request = $.ajax({
type: "POST",
url: "insert-group.php",
data: dict
});
request.done(function (response, textStatus, jqXHR){
if(JSON.parse(response) == true){
console.log("row inserted");
} else {
console.log("row failed to insert");
console.log(response);
}
});
// Callback handler that will be called on failure
request.fail(function (jqXHR, textStatus, errorThrown){
console.error(
"The following error occurred: "+
textStatus, errorThrown
);
});
// Callback handler that will be called regardless
// if the request failed or succeeded
request.always(function() {
});
}
return valid;
}
var dialog = $("#dialog-form").dialog({
autoOpen: false,
height: 400,
width: 350,
modal: true,
buttons: {
"Add Group": addGroup,
Cancel: function() {
dialog.dialog("close");
}
},
close: function() {
form[ 0 ].reset();
}
});
form = dialog.find("form").on("submit", function(event) {
event.preventDefault();
addGroup();
});
$(".create-user").button().on("click", function() {
dialog.dialog({
show: 'blind',
hide: 'blind'
});
dialog.dialog("open");
});
});
вставка-group.php сценарий:
<?php
$SKU_Group = $_POST['SKU Group'];
$host="xxxxxxxxxxx";
$dbName="xxxxxxx";
$dbUser="xxxx";
$dbPass="xxxxxxxxxxxxxx";
$pdo = new PDO("sqlsrv:server=".$host.";Database=".$dbName, $dbUser, $dbPass);
$sql = "INSERT INTO SKU_Group_Dim ([SKU Group]) VALUES (?)";
$stmt = $pdo->prepare($sql);
$result = $stmt->execute(array($SKU_Group));
echo json_encode($result);
?>
INSERT INTO не возвращает вставленные значения. Измените php и создайте второй запрос mysql для получения новых данных. Представьте себе одновременные записи (уникальные идентификаторы). – Pete