Postingan lainnya
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
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
