Menyimpan data dengan ajax dari text box / combo box yang dinamis

Santiago Demitrio · Jun 24, 2011
Ini kelanjutan dari pertanyaan saya sebelumnya mas,
( http://www.myphptutorials.com/questions/dinamis-combox-dalam-tabel-transaksi_93.html )
tp topiknya sdh beda.

saya liat contoh menyimpan data dengan ajax di sini
http://ask.myphptutorials.com/questions/view/44
function doSaveCustomer(){
        if (sendReq.readyState == 4 || sendReq.readyState == 0) {
            sendReq.open("POST", 'save_data.php', true);
            sendReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
            sendReq.onreadystatechange =function() {
                if (sendReq.readyState == 4 && sendReq.status == 200) {
                    //upload gambar
                    document.getElementById('form1').submit();
                }
            }
            var param = 'email=' + document.getElementById('email').value;
            param += '&fname=' + document.getElementById('fname').value;
            param += '&lname=' + document.getElementById('lname').value;
            param += '&address=' + document.getElementById('address').value;
            param += '&gender=' + document.getElementById('gender').value;
            sendReq.send(param);
            document.getElementById(_documentid).innerHTML = 'Loading....';
            document.getElementById('email').value='';
            document.getElementById('fname').value='';
            document.getElementById('lname').value='';
            document.getElementById('address').value='';
        }
    }

nah rencananya combo box dinamis yang saya tanyakan kemarin disimpan ke database dengan cara spt itu, tapi sy masih belum paham bagaimana mendapatkan document.getElementById di javacriptnya karena combo boxnya dinamis.
Silahkan login untuk menjawab!
0
Ellyx Christian · Jun 24, 2011 · 0 Suka · 0 Tidak Suka
lebih mudah menggunakan jQuery AJAX http://www.myphptutorials.com/tutorials/35/php-ajax-jquery
0
Santiago Demitrio · Jun 27, 2011 · 0 Suka · 0 Tidak Suka
Mas sy coba yg di link itu
pakai contoh yang sederhana
tapi ko belum jalan ya?
<form action="" method="post" name="form">
<input name="txtNama" type="text">
<input name="btnSave" type="button" value="Save" onClick="SimpanNama(); return false;">
<input name="" type="submit" value="Save" onClick="SimpanNama(); return false;">
</form>	

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
function SimpanNama(){  
		 $("#loading").html('loading...');  
		 $.post('CobaInput.php', $("form").serialize(){  
			 
	 });  
	}  
</script>
cara nangkap txtNama di CobaInput.php bener gini pa bkn?
$Nama = $_POST['txtNama'];
0
Ellyx Christian · Jun 27, 2011 · 0 Suka · 0 Tidak Suka
javascriptmu salah:
function simpanNama(){
	$("#loading").html('loading...');
	$.post('CobaInput.php', $("form").serialize(), function(response){
		$("#loading").html(response);
	});
}
lebih jelasnya lihat documentasi jquery ajax di http://api.jquery.com/jQuery.post/.

sedangkan di phpnya sendiri jika merujuk ke kodemu di http://www.myphptutorials.com/questions/dinamis-combox-dalam-tabel-transaksi_93.html akan seperti ini:
//untuk textbox kode yang attribute name="txtKode[]"
$kode = $_POST['txtKode'];
//variable $kode akan berupa array
//untuk menyimpan gunakan perulangan
foreach($kode as $kd){
//simpa data satu per satu
}
penjelesan tentang penamaan input field ada di http://ask.myphptutorials.com/questions/view/203#answer-755
0
Santiago Demitrio · Jul 1, 2011 · 0 Suka · 0 Tidak Suka
sudah sy perbaiki mas & sudah bisa.
ni ada yang mau sy tanyakan lg mas ttg syntax jquery
1. ttg validasi. kalau ada inputan data yg tidak sesuai muncul pesan di message box
2. klo inputan sukses langsung panggil halaman lain. misal tampil.php
-3
Ellyx Christian · Jul 1, 2011 · 0 Suka · 3 Tidak Suka
kamu ingin validasinya seperti apa?
-1
Santiago Demitrio · Jul 2, 2011 · 0 Suka · 1 Tidak Suka
seperti ini
if(document.getElementById('txtKode_id').value=="")
	{
		alert("Kode Harus Di Isi !");
		document.getElementById('txtKode_id').focus();
	}	
		
else if(document.getElementById('txtNama_id').value=="")
	{
		alert("Nama Barang Harus di Isi !");
		document.getElementById('txtNama_id').focus();
	}
	
else if(document.getElementById('txtMerk_id').value=="")
	{
		alert("Merk Harus di Isi !");
		document.getElementById('txtMerk_id').focus();
	}
	
else if(document.getElementById('txtSatuan_id').value=="")
	{
		alert("Satuan Harus di Isi !");
		document.getElementById('txtSatuan_id').focus();
	}	

else 

....

trus kalau proses simpannya sdh selesai lgs panggil halaman baru
window.location.href='TabelSukucadang.php';
-1
Ellyx Christian · Jul 2, 2011 · 0 Suka · 1 Tidak Suka
kalau validasinya masih berhubungan dengan yang pertanyaan kamu http://www.myphptutorials.com/questions/dinamis-combox-dalam-tabel-transaksi_93.html maka validasinya akan seperti ini:
function validate(){
	var valid = true;
	$("input").each(function(){
		if($(this).val() == ''){
			valid = false;
			$(this).css('border','1px solid red').parent().append('<span style="color:red">value is required, cannot be empty</span>');
		}
	});
	$("select").each(function(){
		if($(this).val() == ''){
			valid = false;
			$(this).css('border','1px solid red').parent().append('<span style="color:red">value is required, cannot be empty</span>');
		}
	});
	return valid;
}
function simpan(){
	var valid = validate();
	if(valid){
		$("#loading").html('loading...');
		$.post('CobaInput.php', $("form").serialize(), function(response){
			$("#loading").html(response);
			//load (redirect) ke halaman lain
			window.location.href='TabelSukucadang.php';
		});
	}
}