Monday, September 5, 2011

Passing value daripada PHP ke JavaScript menggunakan AJAX

FileName : index.php
CODE : 

<?php
//Hantar Value daripada Session PHP ke JavaScript Menggunakan AJAX
//SESSION_START() MESTI KENA ADA KALAU PAKAI SESSION.
session_start();
//TUTOR NIE AKAN PASS VALUE DARI SESSION['VALUE_INI'] KE DALAM JAVASCRIPT
//TANPA PERLU REFRESH PAGE.
$_SESSION['value_ini'] = 1;
?>
<script>
//DECLARE FUNCTION UNTUK DIPANGGIL KETIKA EVENT BERLAKU.
//DIDALAM FUNCTION NIE, LETAK SYNTAX AJAX.
function callAJAX()
{
//JANGAN USIK BAHAGIAN INI, RESERVE CODING UNTUK AJAX.
//UNLESS ANDA TAHU APA YANG ANDA BUAT DAN MAHIR AJAX.
var ajax;
if (window.XMLHttpRequest)
ajax=new XMLHttpRequest();
else 
ajax=new ActiveXObject("Microsoft.XMLHTTP");
ajax.onreadystatechange=function()
{
if (ajax.readyState==4 && ajax.status==200)
{
//DIDALAM BAHAGIAN INI, BARU BOLEH UBAH SUAI.
var result = ajax.responseText;

//UNTUK BUAT ALERT
alert ("Ini Value Daripada SESSION(PHP) : " + result);

//UNTUK REPLACE SEMUA WORD DALAM TAG DIV YANG BER ID RESULT
document.getElementById('result').innerHTML = "INI VALUE DARIPADA SESSION(PHP) : "+result;
}
}
//LETAKKAN NAMA FILE YANG AKAN MENGHANTAR VALUE DARIPADA SESSION PHP ITU TADI.
ajax.open("GET","PHPtoJAVA.php",true);
ajax.send();
}
</script>
<script>
//BILE USER CLICK BUTTON KAT BAWAH NIE, EVENT ONCLICK AKAN DIGUNAKAN
//PASTU FUNCTION CALLAJAX() AKAN DIPANGGIL
//KEMUDIAN, AJAX PUNYE CODING AKAN DIEXECUTE
//AJAX AKAN PANGGIL FILE PHPtoJAVA.php UNTUK RETRIVE KEMBALI VALUE DARI SESSION(PHP).
//METHOD AJAX.responseText AKAN MASUKKAN/TERIMA APA2 SAHAJA OUTPUT DARI PHPtoJAVA.php
//DAN DIMASUKKAN DALAM VARIABLE RESULT(JAVASCRIPT)
</script>
<button onClick="callAJAX()">Klik Sini</button><br /><br />
<div id="result">RESULT AKAN KELUAR DISINI JUGA</div>

FileName : PHPtoJAVA.php
CODE : 

<?php
//SEPERTI BIASA, SESSION_START() PERLU ADA DISETIAP PAGE YANG MENGGUNAKAN SESSION.
session_start();
//APA SAHAJA YANG DI-ECHO KAN OLEH FILE INI AKAN DIMASUKKAN KEDALAM AJAX UNTUK DIHANTAR
//KEMBALI KE FUNCTION YANG MEMANGGIL AJAX NI.
echo $_SESSION['value_ini'];
?>


Proven : 
Sebelum Klik

See, dapat bace dan pass ke var result

selepas klik button dan klik OK bile alert. huh


------------------------------------------------------------------------------------------------
Knowledge Is Power To Everything
Share It, Gain From It.

0 comments:

Post a Comment

Eddytech menggunakan sistem comment yang tidak memerlukan anda untuk memasukkan "captcha" bagi memudahkan eddytech untuk mendapat feedback daripada anda :)