عمل تحديث لجزء معين فى الصفحة بــ Ajax

[phpz]

السلام عليكم

أخوانى الاعزاء أرجو المساعدة فى أيجاد كود ajax خاص بتحديث جزء معين فى الصفحة أتوماتكيا ويكون بصورة لحظية.

كمثال لو عندى صفحة مبرمجة بلغة php تتحدث فيها بيانات بشكل لحظى مثل بيانات البورصة أو الاحوال الجوية.

هل يمكن عمل هذا التحديث لمتغير معين فى الصفحة مثل

<div>
     <p><?=$data?></p>
</div>

أريد التحديث اتوماتكيا لهذا المتغير أذا تم تغير قيمته فى قاعدة البيانات بدون تدخل من الزائر.

شكرا

[Zizwar]

وعليكم السلام
في هذا الموضوع بوجد حلك عدل على حسب مبتغاك

http://www.swalif.net/softs/showthread.php?t=177616

[phpz]

أخى زيزوار مشكور جدا على ردك الكريم

لكنى لم أفهم من الطريقة المذكرة غير ان هذا الكود لعرض الوصلات و جلب الصفح ولكنى أريد عمل تحديث لجزء من الصفحة فيه بيانات و ليست و صلات.

أعتذر جدا لأنى لم أفهم شىء من الكود

[Zizwar]

ضع هذا الكود في نفس الصفحة و أزل

<p><?=$data?></p>

عوضه ب

 <p id="data_include"></p>

واجعل صفحة خارجية هي التي ستستدعيها بالأجاكس نفترض انها هي http://www.wino.ws/test.php?test=data هي التي فيها القيمة $data
وستجد في الكود متغير

var time = 60 // 1 = 1 second 

غير قيمتها ان اردت ان يتم الجلب على حسب توقيت دون تدخل الزائر

الكود كاملا

 <script type="text/javascript">
<!--
// www.wino.ws & script@wino.ws
var time = 60 // 1 = 1 second

include = function(url,method_,send_){
var ajax;
if(!method_)method_ = "GET";
if(!send_)send_ = null;
if (!url) return;
try{
    ajax = new XMLHttpRequest ();
    }
    catch (e){
        try {
            ajax = new ActiveXObject("Msxml2.XMLHTTP");
            }
    catch (_e_) {
        ajax = new ActiveXObject("Microsoft.XMLHTTP");
        }
    }
ajax.open (method_, url, false);
ajax.send (send_);
if (ajax.readyState==4)
    return ajax.responseText;
}
window.setTimeout(function(){
document.getElementById('data_include').innerHTML = include('http://www.wino.ws/test.php?test=data')
},1000*time);
//-->
</script>
<!-- ////////////////// -->

<div>
     <p id="data_include"></p>
</div> 

[phpz]

شكرا اخى زيزوار على هذا الكود الجميل و المتعوب عليه :nice:

لكن لى كم ملاحظة على الكود :

- عندما تمت تجربة الكود لا يقوم بعمل المهمة الخاصة به فحتى لو قمت بعمل رفرش للصفحة عن طريق الطريقة العادية عن طريق المتصفح لم تتغير البيانات مع انى قمت بتغيرها فى قاعدة البيانات يجب الذهاب لصفحة البيانات و عمل رفرش لها لكى تتحدث البيانات فى الصفحة الرئيسية ؟

- لقد جربت أن أجعل الوقت

var time = 1 // 1 = 1 second 

فلم أجد أى نتيجة فعندما تقوم بعمل رفرش تأخذ الصفحة ثانية لعمل الرفرش و اذا قمت بوضع 60 ثانية تاخذ الصفحة 60 ثانية للرفرش.

ملحوظة لقد أتبعت الخطوات بالضبط.

و مشكور لتعبك مع اخى زيزوار وجعله الله فى ميزان حسناتك

[Zizwar]

ضع لي الصفحة او الكود الذي استعملت

[phpz]

مشكور جدا اخى زيزوار على متابعة الموضوع و الردرود

لقد قمت بأرفاق مثال لكى ترى ما أقصده و حاول ان تعدل فى صفحة data.php وسوف ترى أن القيمة لا تتغير فى الصفحة الرئيسية.

ومشكور جدا اخى الكريم

[phpz]

أخى زيزوار لقد أكتشفت كم شىء أخر

عند بحثى فى المنتدى وجدت نفس الكود فى موضوع أخر http://www.swalif.net/softs/showthread.php?t=179867

فقلت أجرب هذا الكود أبضا مع أنه هو مثل اللى موجود بالضبط :nice

و جربته على متصفح فايرفوكس الاصدار الثانى فعمل الكود بنجاح و تم التغيير لحظيا عند ضبط الوقت عند 1 ثانية.

لكن فى أنترنت أكسبلورر الأصدار السادس لم يتم التغيير حتى عندما أعمل رفرش للصفحة هل الكود يحفظ كاش فى ملفات متصفح أنترنت أكسبلورر أو أن الاكود غير متوافق معه.

أعذرنى على أسألتى الكثيرة و مشكور جدا أخى زيزوار.

[Zizwar]

نعم في انترنت اكسبلورر يكون الكاش مفعل تلقائيا جرب حذف الكاش او عمل ctrl+f5 ان لم يتم التحديث فلربما يكون هناك اختلاف في التعامل بين دالتي أجاكس

ajax = new ActiveXObject("Microsoft.XMLHTTP"); 

و

ajax = new XMLHttpRequest (); 

[phpz]

أخى زيزوار بقد قمت بتجربة عمل ctrl+f5 قبل ذلك لكنها لم تحدث البيانات أيضا.

هل ممكن تشرح لى كيف حذف الكاش من الكود.

لأننى يجب على حذف الكاش من المتصفح من خلال الكويكز و ملفات الانترنت المؤقتة و فى بعد الاحيان لا تتعدل البيانات أيضا.

فهل يوجد حل لهذه المشكلة لكى يفعل الأسكريبت مهمته.

[Zizwar]

هممم من الأفضل ان ترسل لي الرابط لمعاينته او الكود لأني اشك ان المسألة ليست في الكاش
وقبل ذالك ارجو ان تجرب الكود الجديد http://www.swalif.net/softs/showpost...5&postcount=10

[phpz]

مشكور جدا أخى زيزوار و أعرف انى تعبتك معى لكن هل من الممكن عمل أنكلود من خلال الكود نفسه مثل الكود السابق , أى بمعنى :

document.getElementById('data_include').innerHTML = include('http://www.wino.ws/test.php?test=data') 

لأننى أريد التحديث بدون الضغط على وصلات

و شكرا جزيلا لك اخى الكريم

[phpz]

للرفع للأهمية

[Zizwar]

 <script type="text/javascript">
<!--
// [url]www.wino.ws[/url] & [email]script@wino.ws[/email]
//_________________________
var $id = "data_include";
var $time = 5 // 1 = 1 second

var $img_loading = '<img src="http://www.napyfab.com/ajax-indicators/images/progressbar_microsoft.gif">';
var $msg = '<br>loading ....';
//_________________________
var http_request = false;

include = function($url,$method,$send){
if(!$url)return false;
if(!$method)$method = "GET";
if(!$send)$send = null;
document.getElementById($id).innerHTML = $img_loading+$msg; // dellet 
http_request = false;
if (window.XMLHttpRequest) { 
    http_request = new XMLHttpRequest();
    if (http_request.overrideMimeType) {
         http_request.overrideMimeType('text/xml');
        }
    } else if (window.ActiveXObject) { 
    try {
        http_request = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
        try {
        http_request = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (e) {}
    }
}
if (!http_request) {
        alert('Cannot create XMLHTTP');
        document.getElementById($id).innerHTML = "";
        return false;
    }
    http_request.onreadystatechange = alertContents;
    http_request.open($method, $url, true);
    http_request.setRequestHeader('Content-Type', 'text/html; charset:windows-1256');
    http_request.send($send);
}
function alertContents() {
    if (http_request.readyState == 4) {
        if (http_request.status == 200) {
            document.getElementById($id).innerHTML = http_request.responseText;
        } else {
            alert('There was a problem with the request.');
            document.getElementById($id).innerHTML = "";
            return false
        }
    }
}
window.setInterval(function(){include('http://www.swalif.net/softs')},1000*$time);
//-->
</script>

<!-- ////////////////// -->
 <div align="center" id="data_include"></div> 

يمكنك إزالة هذا السطر ان اردت ان لا تظهر صورة التحميل

document.getElementById($id).innerHTML = $img_loading+$msg; // dellet 

كما يمكنك التعديا على الكود الذي أعطيتك قبلا بتغيير هذه الدالة

window.setTimeout(function(){
document.getElementById('data_include').innerHTML = include('http://localhost/phpz/data.php')
},1000*time); 

الى

window.setInterval(function(){
document.getElementById('data_include').innerHTML = include('http://localhost/phpz/data.php')
},1000*time); 

[Arab4Des]

حصلت معى واليك الحل
الحل انك توقف الكاش للصفحة
عن طريق ال php

ضع هذا الكود فى كلا الصفحتين
وسيعمل باذن الله :deal:

<?
header ("Expires: Mon, 26 Jul 1997 05:00:00 GMT");    // Date in the past
        header ("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT"); // always modified
        header ("Cache-Control: no-cache, must-revalidate");  // HTTP/1.1
        header ("Pragma: no-cache");
        ?>