[英]Add data mySql with php modal form
如何解決這個問題,我試圖用pdo方法將數據從模態形式插入mysql數據庫,但是那是錯誤的地方,我找不到,請幫忙。
這是PHP代碼
<?php
$servername = "localhost";
$username ="root";
$password = "";
$dbname ="la_review";
$cardTable = "product";
$conn = new PDO("mysql:host=$servername;dbname=$dbname", $username, $password);
$conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
if (isset($_POST['addProductRev'])) {
echo "<script type='text/javascript'>
$(document).ready(function(){
$('#view-modal').modal('show');
});
</script>";
}
if (isset($_POST['addSubmit'])) {
$addNamaP = $_POST['namaP'];
$addHargaP = $_POST['hargaP'];
$addImageP = $_POST['imageP'];
$addPocessorP = $_POST['processorP'];
$addUkuranResolusiP = $_POST['ukuranResolusiP
'];
$addKapasitasP = $_POST['kapasitasP'];
$addKategoriP = $_POST['kategoriP'];
$addDeskripsiP = $_POST['deskripsiP'];
$addInterfaceP = $_POST['interfaceP'];
$addStmt = $conn->query("INSERT INTO product(name, image, price, processor, ukuranResolusi, kapasitasPenyimpanan, interface, kategori, description) VALUES ('$addNamaP','$addImageP','$addHargaP','$processorP','$addUkuranResolusiP','$addKapasitasP','$addInterfaceP','$addKategoriP','$addDeskripsiP')");
}
?>
這是我的模態代碼
<div id="view-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">
<i class="glyphicon glyphicon-plus-sign"></i> Add Product Review
</h4>
</div>
<div class="modal-body">
<div id="modal-loader" style=" text-align: center; margin: 20px;">
<form class="row form-signin" action="index.php" method="post">
<div class="form-group">
<input class="form-control" type="text" name="namaP" class="form-control" placeholder="Nama Produk" required>
</div>
<div class="form-group">
<input class="form-control" type="text" name="hargaP" class="form-control" placeholder="Harga Produk" required>
</div>
<div class="form-group">
<input class="form-control" type="text" name="kategoriP" class="form-control" placeholder="kategori Produk" required>
</div>
<div class="form-group">
<label style="float: left;" for="exampleTextarea">Deskripsi Produk</label>
<textarea name="deskripsiP" class="form-control" id="exampleTextarea" rows="3"></textarea>
</div>
<h4 style="font-weight: bold;">Tabel Spesifikasi</h4>
<div class="form-group">
<input class="form-control" type="text" name="processorP" class="form-control" placeholder="Processor">
</div>
<div class="form-group">
<input class="form-control" type="text" name="ukuranResolusiP" class="form-control" placeholder="Ukuran Produk & Resolusi Layar">
</div>
<div class="form-group">
<input class="form-control" type="text" name="kapasitasP" class="form-control" placeholder="Kapasitas Penyimpanan">
</div>
<div class="form-group">
<input class="form-control" type="text" name="interfaceP" class="form-control" placeholder="Interface Produk">
</div>
<div class="form-group">
<input class="form-control" type="text" name="namaP" class="form-control" placeholder="Nama Produk" required>
</div>
<div class="form-group">
<label style="float: left;" for="exampleInputFile">Image</label>
<input type="file" name="imageP" class="form-control-file" id="exampleInputFile" aria-describedby="fileHelp">
<small id="fileHelp" class="form-text text-muted">Format .png only</small>
</div>
<button class="btn btn-info " type="button" value="submit" name="addSubmit">Submit Produk</button></a>
</form>
</div>
<div class="modal-footer">
<div class="row">
<div col-md-4>
<?php
if ($addStmt) {
echo "success";
}else{
echo "fail";
}
?>
</div>
</div>
</div>
</div>
</div>
</div>
<script type='text/javascript'>
$(document).ready(function(){
$('#view-modal').modal('hide');
});
</script>
嘗試將按鈕的類型設置為表單中的submit
,如果設置button
值,則需要在jquery中實現onclick
函數,並將ajax發布請求發送到后端php函數。 僅button
類型的按鈕不會提交您的表單。 可能會有所幫助。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.