Permisi mas saya ada beberapa pertanyaan mengenai ajax-php.
Saya ingin membuat aplikasi web yg bs menyimpan data plus menyimpan dan mengupload foto.Misal nama,alamat, dan foto. Saya sudah mencoba membuat web tersebut melalui tutorial yang mas berikan.Tetapi masalahnya saya bs menyimpan data nama,alamat,dan gambar, tetapi sy tdk bisa mengupload gambar tersebut.Kodingnya sebagai berikut:
// JavaScript Document
function getXMLHttpRequest(){
if(window.ActiveXObject){
return new ActiveXObject("Microsoft.XMLHTTP");
}else if(window.XMLHttpRequest){
return new XMLHttpRequest();
}else alert("Status : Can not create XMLHttpRequest Object");
}
var xmlhttp=getXMLHttpRequest();
function sendRequest(pageURL,ElementID){
var obj=document.getElementById(ElementID);
obj.innerHTML='Loading.... please wait.';
if(xmlhttp.readyState==4 || xmlhttp.readyState==0){
xmlhttp.open('GET',pageURL,true);
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4 && xmlhttp.status==200){
obj.innerHTML=xmlhttp.responseText;
}
}
xmlhttp.send(null);
}
}
var xmlhttp=getXMLHttpRequest();
//function to send data
function sendData(handlePage,ElementID){
var nama=document.getElementById('nama').value;
var alamat=document.getElementById('alamat').value;
var photo=document.getElementById('photo').value;
var filterEmail=/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
var filterPhone=/^[0-9]+$/;
//validate user input
if(nama==""){
alert("Input Nama First!");
}else if(alamat==""){
alert("Input Alamat first!");
}else if(photo==""){
alert("Input Photo first!");
}else{
if(xmlhttp.readyState==4 || xmlhttp.readyState==0){
var obj=document.getElementById(ElementID);
var form=obj.innerHTML;
obj.innerHTML='Saving data, please wait..';
xmlhttp.open('POST',handlePage,true);
xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4){
if(xmlhttp.status==200){
obj.innerHTML=xmlhttp.responseText+'<br>'+form;
//document.getElementById('form1').submit();
obj.innerHTML=form1.submit();
}else{
alert('Error : '+xmlhttp.statusText);
}
}
}
var param='nama='+nama;
param+='&alamat='+alamat;
param+='&photo='+photo;
param+='&action=save';
xmlhttp.send(param);
}
}
}
Kemudian phpnya.
///insert.php
<html>
<head>
<title>
Save Data & Upload dengan AJAX
</title>
<script type="text/javascript" src="ajaxs.js"></script>
</head>
<body>
<h1>Save Data dan Upload Gambar AJAX</h1>
<iframe name="upload" id="upload" style="display:none;"></iframe>
<div id="status"></div>
<form name="form1" id="form1" target="upload" action="upload-gambar.php" enctype="multipart/form-data" method="post">
<p>Nama: <input type="text" name="nama" id="nama" /></p>
<p>Alamat: <textarea name="alamat" id="alamat"></textarea></p>
<p>Photo: <input type="file" name="photo" id="photo" /></p>
<p><input type="button" name="save" value="Save" onclick="sendData('save-data.php','content'); return false;" /></p>
</form>
</body>
</html>
////
insert.php
<?php
$conn=mysql_connect("localhost","","");
mysql_select_db('coba');
if($_SERVER['REQUEST_METHOD']=='POST')
{
$nama=$_POST['nama'];
$alamat=$_POST['alamat'];
$photo=$_POST['photo'];
//saving data
$query="INSERT INTO data (Nama,Alamat,photo) VALUES ('$nama','$alamat','$photo')";
$hasil=@mysql_query($query);
if($hasil)
{
echo '<font color="green">DATA HAS BEEN SAVED</font>';
}
else
{
echo '<font color="red">Error, CAN NOT SAVE DATA</font>';
}
}
else
{
}
?>
////upload.php
<?php
$fileName = $_FILES['photo']['name'];
$fileSize = $_FILES['photo']['size'];
$fileError = $_FILES['photo']['error'];
$success = false;
echo $fileName;
if($fileSize > 0 || $fileError == 0){
$move = move_uploaded_file($_FILES['photo']['tmp_name'], 'images/'.$fileName); //atau ke directory yang dinginkan
if($move){
$success = true;
// $query = "insert into data set photo='$fileName'";
//$query= "update data set photo='".$filename."' where Nama='".$nama."'";
// mysql_query($query) or die("Upload Gambar Gagal: ".mysql_error());
//echo "Gambar telah disimpan";
}
}
//echo '<script type="text/javascript">';
// if($success){
// echo "parent.displayPicture('images/$fileName');";
// }else{
// echo "alert('Upload gagal $fileError');";
// }
//echo '</script>';
?>
Kemudian saya ingin membuat sebuah menu ajax-php dimana didalam menu ada menu lg yg menggunakan ajax seperti facebook mas.
Sekian dari saya, maaf sebelumnya kl ada yang tidak jelas dan panjang. Saya inginnya kirim langsung melalui email tetapi saya tidak tahu alamat emailnya. Saya Mohon Bantuannya.Terima Kasih