مساعدة في php و ال ajax

**elkaser** · 08-06-2012

حاولت ان استخدم ال ajax في مسألة بسيطة الا وهي عند مقارنة اسم وكلمة مرور اذا المعلومات صحيحة يظهر كلمة "YES" واذا المعلومات خطيء يظهر كلمة "NO"

طبعا لاحقا سوف اغير بحيف معلومات اسم المستخدم والباسورد تتحقق عن طريق قواعد البيانات ولاكني في الوقت الحالي مجرد محاولة تعلم ال AJAX

هذا هو الكود الحالي

كود:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en">
<head>

<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="-1" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>
<body>
<?php


echo '
<script type="text/javascript">

function showUser(str, str2)
{
	
	//check if string is empty
if (str=="")
  {
  document.getElementById("txtHint").innerHTML="you must type a username";
  return;
  }
  
  
  	//check if string is empty
if (str2=="")
  {
  document.getElementById("txtHint").innerHTML="you must type a password";
  return;
  }
  
  
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  
  } else  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  
  
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
  	{
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
  
xmlhttp.open("POST","test.php?action=login",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send();



}
</script>';


$action = $_POST['action'];

if($action == "login"){

if( $_POST['username'] == "test" && $_POST['password'] == "test"){
echo "YES";
} else {
echo "NO";
}



} else {



echo "<div align=\"center\" style=\"width: 400px;\">
<form onsubmit=\"showUser(username.value, password.value\">
User Name: <input type=\"text\" name=\"username\" size=\"25\" value=\"\" /><br />
Password : <input type=\"password\" name=\"password\" size=\"25\" value=\"\" /><br />
<input type=\"submit\" value=\"Log in...\" />

<div id=\"txtHint\"><b></b></div>

</form>

</div>";


}

echo "</body>
</html>";

?>

في الوقت الحالي ياغير الرابط الي شيء مشابه ل هذا

test.php?username=test&password=test

والمفروض ان يضهر كلمة "YES" على الشاشة لانني احاول استخدام طريقة ال POST

يرجا المساعدة في تعديل هذا الكود ليعمل باشكل الصحيح

وشكرا لكم

**khashabawy** · 08-06-2012

أخى من الممكن أن أعدل لك هذه الفورم كى تعمل و لكن من الأفضل أن تقرأ هذا الدرس لتتعلم كيف تقوم بعمل ما تريده من برمجيات بالأجاكس

http://crazy-eng.com/705/

**elkaser** · 08-06-2012

شكرا لك اخي الكريم على المساعدة وعلى هذا الدرس

سؤال اذا سمحت لي

طريقة عرض الخطا - كيف ممكن ان اضغ اخطيء بجانب ال text field وايضا تغير لون ال text field?

عندما يكون البريد الالكتروني خاطيء اذا غير لون ال text field border الي احمر واذا كان البريد صحيح حول لون ال text field اخضر

شكرا لك ولمساعدتك

**khashabawy** · 09-06-2012

كود PHP:


document.getElementById('login_email').style.border = '1px solid red';

و إذا كان الإدخال سليم غير لونها لأخضر

كود PHP:


 document.getElementById('login_email').style.border = '1px solid green';

أضفها بعد أى رسالة خطأ مع تغيير id ال input

يعنى مثلاً تريدها بعد البريد الإلكترونى الخاطئ إذن تضيفها كالتالى

كود PHP:



document.getElementById('login_email_errors').innerHTML = "<li>صيغة البريد الإلكترونى غير صحيحة</li>";  login_errors=1;     

document.getElementById('login_email').style.border = '1px solid red';

**elkaser** · 09-06-2012

شكرا لك اخي العزيز

عم بحاول اجعل ال AJAX ولاكن للاسف لا تعمل!!!!!

هذا الكود الحالي من ملفي- اذا بتسمح تشوفهم وتشوف ايش المشكلة

عندما اضغط زر login يتغير الرابط الي التالي index.php?action=login
ولاكن لا يتم عرض اي نتائج!

هذا كود ملف ال index.php

كود:

<?php
require_once("../includes/config.php");
require_once("../functions/functions.php");

include("../includes/meta-general.php");
?>




<script src="login.js"></script>

<style type="text/css">

  html {
  font: 85% arial, helvetica, sans-serif;
  background: #fff;
  color: #777777;
  line-height: 1;
  direction: ltr;
  }

input {
  display: inline-block;
  height: 29px;
  margin: 3px;
  padding: 0 8px;
  background: #fff;
  border: 1px solid #d9d9d9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #363636;
   
  }
  
  
input:focus {
  display: inline-block;
  height: 29px;
  margin: 3px;
  padding: 0 8px;
  background: #fff;
  border: 1px solid #d24836;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  
     -moz-box-shadow:    inset 0 0 7px #e1e1e1;
   -webkit-box-shadow: inset 0 0 7px #e1e1e1;
   box-shadow:         inset 0 0 7px #e1e1e1;
  }
  
  
  .signin-box {
	  
  display: inline-block;
  width: 300px;
  margin: 0 auto; 
 
  padding: 15px;
  
  background: #fff;
  border: 0;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  
  -moz-box-shadow:    inset 0 0 7px #e1e1e1;
   -webkit-box-shadow: inset 0 0 7px #e1e1e1;
   box-shadow:         inset 0 0 7px #e1e1e1;	  
	  
  }



  
</style>




<?php


DisplayMeta("$CompanyName - Restricted Access","$CompanyName - Restricted Access","$CompanyName - Site Administration Login");


$action = $_POST['action'];

if($action == "login"){


echo "test";

/// if member is not found >>>>>> Send A JSON 
if( $_POST['email'] == "test" && $_POST['password'] == "test"){
	
	echo "Good work";
	
} else {
	
$json = '{"loginchecks": {';    

        $json .= '"logincheck":[ ';    

            $json .= '{"notfound":  "'; if(!$found){ $json .= 1; }  $json .='"}';

        $json .= ']';
        
$json .= '}}';        

echo $json;     
}


} else {



echo '

<div class="signin-box">
  <label for="admin"><strong>Administrator Login</strong></label><br /><br />
  <form  name="reg-form" id="reg-form" onSubmit="return LoginblockSubmit();" method="post">

<div class="email-div">
  <label for="Email"><strong class="email-label">Username</strong></label>
  <input spellcheck="false" name="email" id="Email" value="" type="text">
</div>
<div class="passwd-div">
  <label for="Passwd"><strong class="passwd-label">Password</strong></label>
  <input name="password" id="Passwd" type="password">
</div>
  <input class="g-button g-button-submit" name="signIn" id="signIn" value="Sign in" type="submit">


<div id="login_no_errors" class="errors" align="right"></div>
<div id="login_password_errors" class="errors" align="right"></div>
<div id="login_errors" class="errors" align="right"></div>


  </form>
  
  

</div>

  ';


}

echo "</body>
</html>";

?>

وهذا ملف ال login.js

كود:

            var sendReq = getXmlHttpRequestObject();
            var receiveReq = getXmlHttpRequestObject();
            var email ;
            var password;
            var login_errors=0;
            
/////////////////////////////////////////////////////////////////////////////////////////

          //Gets the browser specific XmlHttpRequest Object
            function getXmlHttpRequestObject() {                
                if (window.XMLHttpRequest) {
                    return new XMLHttpRequest();
                } else if(window.ActiveXObject) {
                    return new ActiveXObject("Microsoft.XMLHTTP");
                } else {
                    document.getElementById('login_no_errors').innerHTML = 'المتصفح الخاص بك يحتاج إلى تحديث !';
                }
            }

///////////////////////////////////////////////////////////////////////////////////////// Mail & Password check via Ajax
      function checklogin() {                                
                            
                if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
                    receiveReq.open("POST", 'admin/index.php?action=login', false);                                    
                    receiveReq.setRequestHeader('Content-Type','application/x-www-form-urlencoded');                    
                    receiveReq.onreadystatechange = handleReceiveLoginCheck;                                         
                    var param = 'email=' + email+'&password='+password;                                                                
                    receiveReq.send(param);                                        
                }            
            }
                        
            function handleReceiveLoginCheck() {                                
                if (receiveReq.readyState == 4) {                    
                    
                    var response = eval("(" + receiveReq.responseText + ")");                               
                    
                    var notfound = response.loginchecks.logincheck[0].notfound;                    
                                       
                    if(notfound == 1) { 
                                               
                        login_errors=1;                                                
                        
                        // to remove please wait
                        document.getElementById('login_no_errors').innerHTML = '';
                        
                        document.getElementById('login_errors').innerHTML = "<li>يوجد خطأ فى كلمة المرور أو إسم المستخدم</li>";                                              
                    }
                    
                }
                                
            }  
            
//////////////////////////////////////////////////// Block the Submit Button , validate ,Reset all values  to Revalidate
            
            function LoginblockSubmit() {               
// RESET
login_errors = 0;
document.getElementById('login_errors').innerHTML ="";                           
document.getElementById('login_email_errors').innerHTML ="";                           
document.getElementById('login_password_errors').innerHTML ="";                           
document.getElementById('login_no_errors').innerHTML = '<img src="http://www.swalif.net/softs/images/misc/loading_1.gif" border="0" /> إنتظر من فضلك .. ';
                                
                LoginValidate();
                return false;
            }


///////////////////////////////////////////////////////////////////////////////////////// Entries Validation
            
            function LoginValidate(){                
                
               email = document.getElementById('email').value; 
               password = document.getElementById('password').value; 
           
           
//---------------------------------------------------------------------------------------//
               
               if(!email){                                  
// to remove please wait
document.getElementById('login_no_errors').innerHTML = '';                   

document.getElementById('login_email_errors').innerHTML = "<li>من فضلك أدخل بريدك الإلكترونى</li>";     login_errors=1;           
               }else if (!/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(email)){
// to remove please wait
document.getElementById('login_no_errors').innerHTML = '';

document.getElementById('login_email_errors').innerHTML = "<li>صيغة البريد الإلكترونى غير صحيحة</li>";  login_errors=1;     
               }
//---------------------------------------------------------------------------------------//                              
               if(!password){
// to remove please wait
document.getElementById('login_no_errors').innerHTML = '';                                      

document.getElementById('login_password_errors').innerHTML = "<li>من فضلك أدخل كلمة المرور</li>"; login_errors=1;
               }

 
 
//---------------------------------------------------------------------------------------//                               
    if(login_errors == 0){
                   
                   
                   checklogin();
                   
                   if(login_errors == 0){                       
                                      
                 document.getElementById('login_no_errors').innerHTML = '<img src="http://www.swalif.net/softs/images/misc/true.png" border="0" /> تم تسجيل الدخول بنجاح<br /> <img src="http://www.swalif.net/softs/images/misc/loading_1.gif" border="0" /> جارى إعادة التحويل .. '; 
                 setTimeout("location.href='index.php'", 2000);                                                                    
                                              
                   }
                                                         
               }
               
                
            }
//---------------------------------------------------------------------------------------//

شكرا جزيلا عزيزي

**khashabawy** · 09-06-2012

أخى الكريم إنت دمجت ملف js/login/login.php

مع ملف login_form.php ؟

هذا غير صحيح لأن الملف الاول يتم جلبه بالبوست و لا يحتوى على أى هيدر ولات فووتر و لا أى تاجز إنما هو يرجع مصفوفة json بها 0 أو 1 فقط !!!!!! ثم أين الإستعلامات و أين الربط بقاعدة البيانات ؟؟؟

ثانياً ألاحظ شئ غريب

كود PHP:



if(){

}else{


}else{


}

أخى الكريم نظام الدخول الذى أعطيته لك مطبق هنا http://3naw.in فتفضل بتجربته و الإستفادة منه

**elkaser** · 09-06-2012

شكرا اخي الكريم للمساعدة - تقريبا مشي الحال ولاكن الان عندما اكتب اي بريد واي باسورد يقوم بعملية الدخولّ!!!!

هذا كود ال php الحالي الذي غيرته انا

كود:

<?php
@ob_start();   
@session_start();


/// Receive Posted data
$email = $_POST['email'];
$password = $_POST['password'];



if(   ($email == "test@test.com") AND ($password == "test") ){
	$found = true;
} else {
	$found = false;	
}


/// if member is not found >>>>>> Send A JSON 
$json = '{"loginchecks": {';    

        $json .= '"logincheck":[ ';    

            $json .= '{"notfound":  "'; if(!$found){ $json .= 1; }  $json .='"}';

        $json .= ']';
        
$json .= '}}';        

/// if member is found >>>>>> declare cookies
if($found){ 
    
////////// Set sessions here :)
     
	   
    
}


echo $json;        
    
     

?>

المفروض اذا الايميل test@test.com
والباسورد test

يمشي الحال وذا لا المفروض يظهر خطاء!

**khashabawy** · 10-06-2012

غير

كود PHP:



if(   ($email == "test@test.com") AND ($password == "test") ){
    $found = true;
} else {
    $found = false;    
}

إلى

كود PHP:



if(   ($email == "test@test.com") AND ($password == "test") ){
    $found = true;
}

الموضوع: مساعدة في php و ال ajax

أدوات الموضوع

بحث في الموضوع

مساعدة في php و ال ajax

المواضيع المتشابهه

مساعدة فى طلب كود ajax

طلب مساعدة في ajax tabs

طلب مساعدة في AJAX TAB CONTENT

مساعدة : هل ممكن كود الاستعلام بطريقة ajax

طلب مساعدة في تعريب ملف ajax

ضوابط المشاركة