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

كود اجاكس لا يعمل

بدأه EJRAM في 16 يوليو 2012 · 3 رد · 1,003 مشاهدة · في قسم البرمجة بــ Javascript
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

عندي ملفين .. مكتوب بالجافا سكربت وبسيط مرآ .. بس ما ادري ليه ما يشتغل ..

مع اني مشغله السيرفر الشخصي .. وحاطه الملفات بـ www

الملف الاول ajax.php

<html >
<head>

<title>Ajax</title>

</head>
<body>
<div align="center">



<script type="text/javascript">


 function getinfo(){
 var xmlhttp;
 if(window.xmlhttprequest)
 xmlhttp = new xmlhttprequest();
 else
 xmlhttp = new ActiveXobject.("Microsoft.XMLHTTP");

 xmlhttp.open("GET","info.php",false);
 xmlhttp.send();
 decument.getElementById("jax").innerHTML = xmlhttp.responsetext;

</script>


<div id="jax">
</div>

<button type="button" onclick="getinfo('info.php','jax')">get data </button>
</body>



</div>
</body>
</html>

والملف الثاني info.php

<html>



<head>

<title>www.nona.com</title>
</head>
<body>

<h1> Welcome to my web site </h1>
</body>
</html>

بس ابي اضغط على زر يعرض لي الملف الثاني ليه ما يشتغل ؟؟؟

#2

لديك بعض الأخطأ في الإعراب. ربما تودين إستخدام firefox لأنه يوفر سجل جميل للأخطاء. إضغطي على قائمة tools ومن web developer إضغطي على web console. سيظهر toolbar مثل هذا :

Firefox-get-new-facebook1.png

إضغطي على JS وأزيلي التضليل عن الباقي, CSS, Net, Logging. أي خطأ في الجافاسكربت سيظهر نوعه ومكان الخطأ. ولأغراض التنقيح المتقدم لديك الإضافة fiirebug.

----

على إفتراض أن لديك ملف php إسمه ajax.php ويحتوي :

<?php

header("Content-type: text/txt");
echo "Hello world!";

?>

سيرد برد plain text يحتوي جملة Hello world. هذا تعديل لكود الأجاكس الذي كتبتيه, سيرسل طلب get للصفحة ajax.php ويقرأ الرد ويضعه في الصفحة :

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title>Ajax</title>
    <script>
        function getinfo() {
            var xmlhttp;

            if(window.XMLHttpRequest)
                xmlhttp = new XMLHttpRequest();

            else if (window.ActiveXObject)
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            else 
                return;

            try {
                xmlhttp.open("GET", "/ajax.php", false);
                xmlhttp.send();
                document.getElementById("ajax").innerHTML   = xmlhttp.responseText;
            } catch(error) {
                document.getElementById("ajax").innerHTML   = error;
            }
        }
    </script>
</head>
<body>
    <div id="ajax"></div>
    <button type="button" onclick="getinfo()">get data</button>
</body>
</html>
1
#3

شغلت الاضافه بالفاير فوكس بس ما عرفت استخدمها ..

يبيلي تجربه

بالنسبه للكود يعطيك الف عافيه اشتغل فعلن ..

بس ما يطلع الكلام ..

يعطيني TypeError: document.getElementById("ajax.php") is null

فوق الزر ..

؟؟؟

top4top_b643fd4ec41.png

تم تعديل هذه المشاركة بواسطة EJRAM في 16 يوليو 2012 في 23:50

#4

عفون اشتغل ...

لك كل الشكر ياخوي ..

الله يجزآك الجنه ..

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