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,,,,
