الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

الدمج بين أستخدام php و الـ AJAX

بدأه SalehZubir في 12 أكتوبر 2010 · 1 رد · 572 مشاهدة · في منتدى تطوير المواقع بـ PHP
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكم ورحمة الله وبركاته

أعتذر ان لم يكون الموضوع في القسم المناسب

لدي نموذج HTML بسيط يطلب من المستخد أدخال الأسم والعمر وبالضغط على Submit Query يتمر أرسال المدخلات إلى صحفة اخرة لكي تظهر فيها

سؤالي هو كيف يمكنني دمج الـ php مع الـ ajax لكي أستطيع ان أجعل المدخلات الموجودة في الصفحة الأخرة تظهر مباشتاً داخل نفس الصفحة التي يوجد داخلها نموذج الأدخال (لا اريد الانتقال من صفحة لأخرة لعرض المدخلات)

وجزاكم الله كل خير

كود صفحة الأدخال 

<html>
<body>

<form action="welcom.php" method="post">
Name: <input type="text" name="fname" />
Age: <input type="text" name="age" />
<input type="submit" />
</form>

</body>
</html>

كود صفحة عرض البينات 

<html>
<body>

Welcome <?php echo $_POST["fname"]; ?>!<br />
You are <?php echo $_POST["age"]; ?> years old.

</body>
</html>

صفحة الأدخال include.php

صفحة العرض welcom.php

ملاحظة لدي معلومات لا بأس بها عن الأجكس وكيفية كتابتها ولكن المشكلة هي عدم معرفتي بكيفية دمجها مع الـ PHP

تم تعديل هذه المشاركة بواسطة SalehZubir في 12 أكتوبر 2010 في 13:16

#2

إحدى الطرق الممكنة

index.php


<head>
<script type="text/javascript">
function welcome() {
var httpRequest;
if (window.XMLHttpRequest) { // Mozilla, Safari, ...
httpRequest = new XMLHttpRequest();
} else if (window.ActiveXObject) { // IE
httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}

var fname = document.getElementById("fname").value;
var age = document.getElementById("age").value;

httpRequest.onreadystatechange = function() {
if (httpRequest.readyState == 4 && httpRequest.status == 200) {
document.getElementById("content").innerHTML = httpRequest.responseText;
}
};

httpRequest.open("GET", "welcome.php?fname="+fname+"&age="+age);
httpRequest.send(null);
}
</script>
</head>
<body>
<div id="content">
<form>
Name: <input type="text" name="fname" id="fname" />
Age: <input type="text" name="age" id="age" />
<input type="button" onclick="welcome()" />
</form>
</div>

</body>
</html>
<html>

welcome.php


You are <?php echo $_GET["age"]; ?> years old.
Welcome <?php echo $_GET["fname"]; ?>!<br />

تم تعديل هذه المشاركة بواسطة herch في 12 أكتوبر 2010 في 21:01

مواضيع مشابهة