السلام عليكم ورحمة الله وبركاته
الله يعطيك العافية يالغالي
والف شكر لك لسعة صدرك ومساعداتك لأخوانك الاعضاء
كان عندي اشوية أسئلة يالغالي ، على شكل تعليقات على الكود الي حضرتك كتبته
في البدايه حبيت اجرب الكود.. لذلك قمت بكتابة صفحة استقبال للمتغيرات المرسله
صفحة الاستقبال باسم s02.php
كود PHP:
<?php
if (isset($_GET['fName'])) {
$fName=$_GET['fName'];
$sName=$_GET['sName'];
$eMail=$_GET['eMail'];
echo "
<div style='font-family: Tahoma;'>
<font style='font-size:x-small;'>Your First Name:</font> $fName <br />
<font style='font-size:x-small;'>Your Second Name:</font> $sName <br />
<font style='font-size:x-small;'>Your Email:</font> $eMail <br /><br />
<font style='font-size:large;'>Done</font>
</div>
";
}
else {
echo "<b>E R R O R . . !</b>";
}
?>
اما بالنسبة لصفحة الارسال
كود PHP:
<html>
<head>
<title>ajaxForm</title>
</head>
<body>
<script type="text/javascript">
ajax = function(rappel, method, url, flux){ // الى ماذا يرمز الباراميتر flux ?
var xhr = window.XMLHttpurluest ? new XMLHttpurluest() :
(window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : '');
if (xhr) {
xhr.onreadystatechange = function () {rappel(xhr);}
xhr.open(method, url, true);
xhr.send(flux);
} else alert("Ajax ?");
}
isReady = function(xhr, f) {
if ( xhr.readyState == 4) {
if (xhr.status != 200)
{alert('Erreur HHTP : ' + xhr.status);}
else { f(xhr.responseText); }
}
}
//__________________________
insereReponse = function(r){
document.getElementById('wino').innerHTML = r // ID for InnerHTML
}
include = function(form){
url = 's02.php?fName=' + form.fName.value +
'&sName=' + form.sName.value +
'&eMail=' + form.eMail.value ; // هل هناك اي طريقة تجعله الدالة تتعرف على جميع القيم من نفسها دون ان اذكر المتغير + القيمة؟
// لأنها ستكون متعبه جدا في حال ما اذا تم استخدامها في لوحة التحكم (لكثرة النماذج)
ajax(function (xhr) {isReady(xhr, insereReponse);} , 'GET', url, null); // هل يكفي تغير الميثود من هنا؟
// لقد حاولت ان اغير الميثود الى post
// ولكن لم يعطني رسالة الخطأ.. اي انه لم يأخذ في الحسبان ما اذا كان المتغير مرسل عن طريق الجيت او البوست
return false;
}
//________________________
</script>
<div id="wino"></div>
<form method="" action="" onsubmit="return include(this)">
First Name: <input type="text" value="" id="fName" />
<br />
Second Name: <input type="text" value="" id="sName" />
<br />
Email: <input type="text" value="" id="eMail" />
<br />
<input type="submit" />
</form>
</body>
</html>
والف شكر لك مقدما يالغالي