Sebenarnya tulisan ini dari request di komentar, yang minta contoh penggunaan ajax.
kali ini saya tidak akan ngomong panjang tentang ajax, karena di tulisan sebelum2nya sudah dibahas detail teorinya, judul disinikan implementasi, jadi praktek only. oke
Visi tulisan ini adalah:
- implementasi ajax dengan prototype.js
- mengirim nilai textarea
- menulisi file dengan ajax
- mendeteksi respon
Misi tulisan ini adalah:
1. memanggil ajax
2. membuat form texarea
3. membuat script request
4. membuat file baru yg berisi script penampung proses
5. mendeteksi keluaran
File utama.php
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Mengirim isi textarea ke dalam file</title>
<script src="prototype.js" type="text/javascript"></script>
<script language="javascript">
function validasi(){
if($("listData").value == ""){
alert('Textarea jangan kosong doonkkk');
$("listData").focus();
return false;
}
return true;
}
function listData(){
if($("listData").value != ""){
var dListData = $('listData').value;
var text = dListData.replace(/\s+$/g,"");
var splitq = text.split("\n");
var jumBaris = splitq.length;
URL='tulisTextFile.php?jumBaris='+jumBaris+'&dListData='+splitq+'&rd=65765s';
new Ajax.Request(URL,{
method: 'get',
onSuccess: function(transport){
if(transport.responseText){
var responData = transport.responseText;
var hasilx = new Array();
hasilx = responData.split("|");
alert('terima hasil:');
alert('jenis hasil'+hasilx[0]);
alert('status respon'+hasilx[1]);
} else {
alert('respon gagal');
}
}, onFailure: function(transport){
alert('request gagal');
}, onLoading: function(transport){
alert('masih loading');
}
});
} else {
alert('gagal, teks jangan kosong');
}
}
</script>
</head>
<body>
<table>
<tr>
<td>
<textarea name="listData" id="listData" cols="109" rows="3" style="font-size:11px;font-family: Tahoma;text-align:left;"></textarea>
</td>
</tr>
<tr>
<td>
<input type="submit" name="prosesdata" value="Kirim ke File" id="prosesData" onClick="if(validasi()) { kirimData(); }"/>
</td>
</tr>
</table>
</body>
</html>
Lalu buat file baru dengan nama tulisTextFile.php
< ?php
$jumBaris = $_GET['jumBaris'];
$dListData = $_GET['dListData'];
$explodeList = explode(",",$dListData);
$isi = "";
foreach($explodeList as $index=>$nil){
$isi .= "".$nil."\r\n";
}
$namaFileDigit = $jumBaris."Digit.txt";
@unlink($namaFileDigit);
$handle = @fopen($namaFileDigit, 'a+');
if(@fwrite($handle, $isi)){
echo '1|Sukses isi file';
} else {
echo '0|Gagal isi file';
}
@fclose($handle);
?>
silahkan jalankan di browser anda dengan memanggil localhost/utama.php
isi textarea, lalu tekan tombol Kirim ke File…
Semoga sukses, kalo error gimana ya.. semoga aja tidak okeyyy…
pengin njelasin tapi cape,,,,
Juni 4th, 2009 at 11:03
halo… halo…
admin…
bisa engak kalau membuatkan salah satu contoh simpel AJAX yang mengambil data dari database mysql misalnya saja pada bukutamu, disaat kita melakukan inputan masuk dari buku tamu ke mysql, maka data tersebut akan segera di proses dan di load kembali untuk tampil ke komentar2 pada halaman bukutamu pada page yang sama..
tanpa perlu refresh pada browser..
kalau ada tolong emailin ya…
lagi ingin belajar ajax nih..
September 22nd, 2009 at 20:37
wah, hebat nih mas bambang, btw, saya boleh add YM nya ga? ^^
Desember 3rd, 2009 at 06:42
gile top abis, bos kalau kirim gambar pake ajax bisa ga?
Juli 22nd, 2010 at 20:44
Useful blog site. Your links on this are wonderful. We went via all this as well as I definitely thanks for your guidance.