Postingan lainnya
Bagaimana Cara Insert ke Database dengan jquery?
saya lagi coba membuat fungsi insert MYSQL JS kalau untuk inser 1 saja itu bisa di proses nah kalau mau dibuat MULTI (Isi Kolom Ke Dua nya juga bisa masuk ke database), itu JS / apanya yah yang mesti di rubah/tahbahin apanya yah. berikut script yang saya gunakan. mohon bantuan dan sarannya.Terimakasih.
INDEX.php
<?php
session_start();
include"koneksi.php";
?>
<!DOCTYPE HTML>
<html>
<head>
<title> Fungsi Insert MYSQL JS</title>
<script src="jquery.min.js"></script>
<script src="isinya.js"></script>
</head>
<body>
<input type="text" value="Isi Kolom Ke Satu" id="isinya" name="isinya"><div id="simpan">Save</div>
<input type="text" value="Isi Kolom Ke Dua" id="isinya"><div id="simpan">Save</div>
</body>
</html>
ISINYA.js
$(function(){
$('#simpan').click(function(){
var isinya = $('#isinya').val();
$.ajax({
type:"POST",
url:"proses.php",
data:"isinya="+isinya,
success:function(data){
$("#isinya").val("");
},
});
return false;
});
});
PROSES.php
<?php
include"koneksi.php";
$isinya = ($_POST['isinya']);
$query = mysql_query("INSERT INTO isi (isinya) value ('$isinya')");
?>
0
2 Jawaban:
index
<html>
<head>
<title>Multiple Insert With Ajax</title>
</head>
<body>
<table border="1" id="table_list">
<thead>
<tr>
<td>Nama</td>
<td>Kelas</td>
</tr>
</thead>
<tbody>
<tr>
<td><input type="text" value=""></td>
<td><input type="text" value=""></td>
</tr>
<tr>
<td><input type="text" value=""></td>
<td><input type="text" value=""></td>
</tr>
</tbody>
</table>
<input type="hidden" id="table_value" name="table_value">
<button type="submit" id="btn_submit">Submit</button>
</body>
</html>
javascript
$("#btn_submit").click(function() {
var table_data = $('table#table_list tbody tr').get().map(function(row)
{
return $(row).find('input').get().map(function(cell) {
return $(cell).html();
});
});
$("#table_value").val(JSON.stringify(table_data));
});
sql proccess
<?php
include"koneksi.php";
$nama = $row[0];
$kelas = $row[1];
$table_list = json_decode($_POST['table_value']);
foreach ($table_list as $row) {
mysql_query("INSERT INTO table (nama, kelas) value ('$nama','$kelas')");
}
?>
0
bisa ditambahin form di htmlnya
<form method="post" id="f_post">
<input type="text" value="Isi Kolom Ke Satu" id="isinya1" name="isinya1"><div id="simpan">Save</div>
<input type="text" value="Isi Kolom Ke Dua" id="isinya2" name="isinya2"><div id="simpan">Save</div>
</form>
terus di jQuerynya datanya bisa pake function serialize()
$(function(){
$('#simpan').click(function(){
var isinya = $('#isinya').val();
$.ajax({
type:"POST",
url:"proses.php",
data:$("#f_post").serialize(),
success:function(data){
$("#isinya1").val();
$("#isinya2").val();
},
});
return false;
});
});
nanti di insertnya tinggal disesuaikan aja sesuai dengan nama kolomnya
0