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')");
?>

avatar mimymie
@mimymie

1 Kontribusi 0 Poin

Diperbarui 7 tahun yang lalu

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')");
}

?>
avatar gunalirezqimauludi
@gunalirezqimauludi

350 Kontribusi 243 Poin

Dipost 7 tahun yang lalu

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

avatar demaram
@demaram

51 Kontribusi 33 Poin

Dipost 7 tahun yang lalu

Login untuk ikut Jawaban