السلام عليكم....
لدي اسفسار عن تقنية Ajax الممتازة :nice:
وهو:
كيف يمكنني عمل حقل عادي بالـHTML عند الضغط على زر الارسال يتم إضافة محتويات الحقل إلى قاعدة البيانات مباشرة بدون الحاجة لإعادة تحميل الصفحة؟
سأحاول البحث عن مثال للتوضيح أكثر :shy:
السلام عليكم....
لدي اسفسار عن تقنية Ajax الممتازة :nice:
وهو:
كيف يمكنني عمل حقل عادي بالـHTML عند الضغط على زر الارسال يتم إضافة محتويات الحقل إلى قاعدة البيانات مباشرة بدون الحاجة لإعادة تحميل الصفحة؟
سأحاول البحث عن مثال للتوضيح أكثر :shy:
__________________
مدونتي .. دروس (PHP, JavaScript, C, Java)
برمجة وتطوير المواقع والمنتديات
انظر الى هذا الموضوع
http://www.swalif.net/softs/showthread.php?t=148552
شكرا لك أخيالمشاركة الأصلية كتبت بواسطة hilaby
سأحاول فهم الدرس الرائع
شكرا لك مرة أخرى
__________________
مدونتي .. دروس (PHP, JavaScript, C, Java)
برمجة وتطوير المواقع والمنتديات
عذرا أخوي
قمت بوضع محتوى الصفحة الرئيسية index.html المرفق في موضوعك في ملف آخر وقمت بتسميته file-001.php ولم يعمل وجربت أيضا file-001.html ولم يعمل
فهل ترى يمكن أن تدلني على الخطأ ؟
وكيف يمكني استخدام مثالك للتعامل مع النماذج ؟(الفورمات)
__________________
مدونتي .. دروس (PHP, JavaScript, C, Java)
برمجة وتطوير المواقع والمنتديات
المشاركة الأصلية كتبت بواسطة الرجل الخارق
أعتذر أخوي لم أتابع الدرس بكامله
حصلت طريقة عمل الفورمات
لكن لم أعرف كيف أكمل الخطوات جميعها
أي أنه بعد كل محاولاتي ظهرت الأخطاء
ملف المقدمة :
ملف الجافا:كود HTML:<html dir="rtl"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" xml:lang="ar" lang="ar"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script language="javascript" type="text/javascript" src="javaScript.js"></script> <style type="text/css"> td{ font-size:14px } </style> </head> <div align="center"> <table border="0" width="79%" id="table5" bgcolor="#FAFAFA" style="border-collapse: collapse" bordercolor="#E7EBF7" height="46"> <tr> <td colspan="2"> <p align="center" ><font size="4">قم بإختيار قسم معرض الصور الخاص بك </font>: <select size="1" name="" id="D1"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> </select> <input type="submit" name="Submit" value="ارسل" onclick="get_From_Server();" /> </p> </tr> <tr> <td width="69%"> <p align="center"><font size="4">القسم المختار</font></tr> <td id="D1FromPHP"> </tr> </table></div>
والملف Ajax.php :كود:// JavaScript Document function get_From_Server(){ try{ Answer = new XMLHttpRequest(); }catch(error){ try{ Answer = new ActiveXObject("Microsoft.XMLHTTP"); }catch(error){ Answer = null; return false; } } Answer.onreadystatechange = change_when_have_info; var D1_to_send_to_PHP = document.getElementById('D1').value; Answer.open("POST", "ajax.php"); Answer.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); Answer.send("D1="+D1_to_send_to_PHP); } function change_when_have_info(){ if (Answer.readyState == 1){ if(Answer.status == 200){ // document = document.getElementById('D1FromPHP').innerHTML = Answer.responseXML.getElementsByTagName("answer")[0].childNodes[0].childNodes[0].data; } } }
أرجو تصحيح الخطأكود PHP:
<?php
header ("content-type: text/xml");
echo "<?xml version='1.0' standalone='yes'?>";
echo '<answer>';
echo '<D1>'.$_REQUEST['D1'].'</password>';
echo '</answer>';
?>
ولدي سؤال ؛ هل لو وضعت كود لتحديث بيانات قاعدة البيانات في الملف Ajax.php فهل سيعمل ؟ :shy:
__________________
مدونتي .. دروس (PHP, JavaScript, C, Java)
برمجة وتطوير المواقع والمنتديات