استفسار عن تقنية Ajax

**Abdulaziz Al Rashdi** · 16-07-2006

السلام عليكم....
لدي اسفسار عن تقنية Ajax الممتازة :nice:

وهو:
كيف يمكنني عمل حقل عادي بالـHTML عند الضغط على زر الارسال يتم إضافة محتويات الحقل إلى قاعدة البيانات مباشرة بدون الحاجة لإعادة تحميل الصفحة؟

سأحاول البحث عن مثال للتوضيح أكثر :shy:

**hilaby** · 16-07-2006

انظر الى هذا الموضوع
http://www.swalif.net/softs/showthread.php?t=148552

**Abdulaziz Al Rashdi** · 16-07-2006

المشاركة الأصلية كتبت بواسطة hilaby

انظر الى هذا الموضوع
http://www.swalif.net/softs/showthread.php?t=148552

شكرا لك أخي
سأحاول فهم الدرس الرائع
شكرا لك مرة أخرى

**Abdulaziz Al Rashdi** · 16-07-2006

عذرا أخوي
قمت بوضع محتوى الصفحة الرئيسية index.html المرفق في موضوعك في ملف آخر وقمت بتسميته file-001.php ولم يعمل وجربت أيضا file-001.html ولم يعمل
فهل ترى يمكن أن تدلني على الخطأ ؟

وكيف يمكني استخدام مثالك للتعامل مع النماذج ؟(الفورمات)

**Abdulaziz Al Rashdi** · 17-07-2006

المشاركة الأصلية كتبت بواسطة الرجل الخارق

عذرا أخوي
قمت بوضع محتوى الصفحة الرئيسية index.html المرفق في موضوعك في ملف آخر وقمت بتسميته file-001.php ولم يعمل وجربت أيضا file-001.html ولم يعمل
فهل ترى يمكن أن تدلني على الخطأ ؟

وكيف يمكني استخدام مثالك للتعامل مع النماذج ؟(الفورمات)

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

ملف المقدمة :

كود 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>

ملف الجافا:

كود:

// 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;
			}
		}
	}

والملف Ajax.php :

كود 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:

الموضوع: استفسار عن تقنية Ajax

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

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

استفسار عن تقنية Ajax

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

تقنية الاجاكس ajax مناقشة

من عنده كتب لتعليم تقنية ال ajax ؟

محاضرة فيديو عن تقنية ajax ، و لا أروع

30 درسا و مقالا حول تقنية AJAX

مطلوب كود باستخدام تقنية AJAX

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