AjaxYouTube↗  IA↗(long shot)
Education  8.5K views 59 likes 2 dislikes   10 Nov 2015
CS50 2.4M subscribers United States YouTube↗


Please select the problem
You must specify your email and describe the problem in detail
Describe your problem in detail if it's not obvious

Click to Play Video Click to Play Video
[عزف الموسيقى]
[Jouer de la musique]
>> DOUG لويد: لذلك أكثر واحد نوع من فكرة أن
>> DOUG LLOYD: Donc, un de plus sorte d'idée que
نوع من يندرج تحت مظلة جافا سكريبت هي ما يسمى AJAX.
sorte de tombe sous l'égide de JavaScript est quelque chose appelé AJAX.
حتى هذه النقطة، لدينا التفاعل مع جافا سكريبت
Jusqu'à ce point, notre interaction avec JavaScript
وقد تقتصر على دفع زر ويحدث شيء.
a été limitée à pousser un bouton et quelque chose se passe.
وتحديدا، شيء ما يحدث
Et plus précisément, le quelque chose qui arrive
غير مواقعنا الشكل والمظهر التغييرات.
est de nos sites Web regardent et se sentent changements.
الصحيح؟
Droit?
مثل على وجه الخصوص، في وثيقة نموذج الكائن الفيديو،
Comme, en particulier, dans le document de modèle d'objet vidéo,
لقد غيرت لون الخلفية.
Je l'ai changé la couleur de fond.
ولكن عندما فعلت ذلك، لم يكن لدي للقيام بأي طلبات إضافية خاصة.
Mais quand je l'ai fait, je ne dois à faire des demandes spéciales supplémentaires.
لم يكن لدي أن أطلب خادم ترسل لي صفحة جديدة.
Je ne dois demander que le serveur me faire parvenir une nouvelle page.
أنا مجرد تغيير ما كان بالفعل.
Je viens de changer ce que je avais déjà.
لم يكن لديك لإعادة تحميل الصفحة الخاصة بي، والأمور تغيرت بالتأكيد،
Je ne dois recharger ma page, et les choses définitivement changé,
لذلك هذا أمر عظيم.
ce est très bien.
ولكن هناك بالتأكيد بعض دليل تفاعل المستخدم المعنية.
Mais il ya certainement une certaine interaction manuelle utilisateur impliqué.
AJAX هو أسلوب بارد التي تسمح لنا لتحديث محتويات الصفحة،
AJAX est une technique qui permet fraîche nous mettre à jour le contenu d'une page,
وليس فقط في الشكل و يشعر، دون إعادة شحن.
et pas seulement l'apparence et sentir, sans recharger.
>> وعلى وجه التحديد عندما كنت أقول تحديث محتوى الصفحة،
>> Et en particulier quand je dire mettre à jour le contenu d'une page,
أنا لا أقول أننا إعادة كتابة الصفحة باستخدام جافا سكريبت.
Je ne dis pas que nous réécrivons la page en utilisant JavaScript.
أنا أقول نطلب الواقع مزيد من المعلومات من الخادم
Je dis que nous demandons effectivement plus d'informations à partir du serveur
دون صفحتنا الحاجة إلى إعادة تحميل.
sans notre page avoir à recharger.
>> الآن هذا النوع من قليلا من تقنية أكثر تقدما
>> Maintenant, ce genre d'un peu de une technique plus avancée
أننا بصدد الحديث حول في هذا الفيديو.
que nous allons parler dans cette vidéo.
ونحن في طريقنا لديك بعض التفاعل.
Nous allons avoir une certaine interaction.
ولكن عندما نفعل ذلك، أنا ذاهب ليكون تقديم طلبات إلى خادم الويب.
Mais quand nous le faisons, je vais être faire des requêtes au serveur Web.
في هذه الحالة، فقط ما هو تشغيل أباتشي خادم الويب الخاص بي.
Dans ce cas, tout ce qui est courir mon serveur web Apache.
انا ذاهب الى أن تكون القرارات إضافية طلبات بينما أنا بزيارة صفحة ويب،
Je vais être prise additionnelle demandes alors que je suis visitant une page Web,
ولكن سوف يتم تحديث صفحتي.
mais ma page ne sera pas rafraîchir.
>> انها مجرد الذهاب الى غير متزامن تحديث الصفحة الخاصة بي.
>> Il va juste mettre à jour de manière asynchrone ma page.
وهذا هو، في الواقع، AJAX التي تقف على،
Et qui est, en fait, AJAX qui signifie,
غير متزامن جافا سكريبت وإكس إم إل.
est Asynchronous JavaScript and XML.
XML هو نوع آخر من العلامات لغة، ويمكنك فرز لل
XML est un autre type de balisage la langue, et vous pouvez trier des
التفكير في الأمر تماما مثل HTML.
penser à elle comme le HTML.
انها ليست تماما نفس الشيء، ولكن انها في الاساس مجرد لغة الترميز.
Il est pas tout à fait la même chose, mais il est fondamentalement juste un langage de balisage.
لذلك فمن غير متزامن جافا سكريبت ولغة ترميز.
Il est donc asynchrone JavaScript et un langage de balisage.
>> وذلك من أجل استخدام هذه AJAX technique-- AJAX
>> Ainsi, afin d'utiliser cette AJAX technique-- AJAX
ليست لغة برمجة منفصلة.
est pas un langage de programmation distincte.
انها مجرد نوع من مجموعة من techniques-- نحن
Il est juste une sorte de ensemble de techniques-- nous
تحتاج إلى إنشاء الخاصة كائن جافا سكريبت، التي
besoin de créer une spéciale Objet JavaScript, qui
يتم استدعاء مدعوم.
est appelé un XMLHttpRequest.
الآن، فإنه من السهل جدا للقيام بذلك.
Maintenant, il est très facile de le faire.
نقول فقط فار، أيا كان نريد أن نسمي هذا الكائن،
Nous disons simplement var, quel que soit nous voulons appeler cet objet,
يساوي مدعوم الجديد.
égaux new XMLHttpRequest.
والآن حصلنا عليها الآن والنوع AJAX من وجوه،
Et maintenant, nous avons maintenant obtenu une sorte d'objet AJAX,
أو مدعوم وجوه، والتي سوف تسمح لل
ou un XMLHttpRequest objet, qui permettra
لنا لتحديث بشكل غير متزامن صفحتنا.
nous de mettre à jour de manière asynchrone notre page.
>> بعد أن نكون قد حصلت على هذا جديدة وجوه، وهذا مدعوم،
>> Après nous avons obtenu cette nouvelle objet, ce XMLHttpRequest,
علينا أن نفعل شيئا لل السلوك onreadystatechange.
nous devons faire quelque chose pour son onreadystatechange comportement.
Onreadystatechange السلوك هو في الحقيقة مجرد
Onreadystatechange comportement est vraiment juste
عند تقديم طلب إلى صفحة الويب، صفحة
quand vous faites une demande à une page Web, la page
يذهب من خلال عدد من الخطوات.
passe par un certain nombre d'étapes.
أولا، لم يتم إرسال الطلب.
Tout d'abord, une demande n'a pas été envoyé.
ثم، فإن الطلب أرسلت، ولكن لا تصرف عليها.
Ensuite, la demande a été envoyé, mais pas donné suite.
ثم تم عمل طلب عليه.
Ensuite, la demande a été suivie d'effet.
ثم الطلب إرسالها إليك.
Ensuite, la demande est d'être envoyé de nouveau à vous.
>> ثم، كان الطلب محملة بالكامل في الصفحة الخاصة بك.
>> Puis, la demande est entièrement chargé dans votre page.
تلك هي ولايات مختلفة.
Ce sont des états différents.
ولذا فإننا بحاجة إلى تعيين لدينا كائن مدعوم جديد
Et donc nous avons besoin de mettre notre nouvel objet XMLHttpRequest
لتغيير عند تغيير حالة استعداد.
à changer lorsque le prêt de l'Etat.
وعادة، ونحن نفعل ذلك من خلال تحديد وظيفة غير معروفة والتى
Et généralement, nous faisons cela en définir une fonction anonyme, qui
نحن على دراية من جافا سكريبت الآن، أن
nous sommes familiers avec de JavaScript maintenant, que
ويسمى عند تغيير حالة استعداد.
est appelée lorsque les changements prêts de l'Etat.
انها حقا ليست أكثر من ذلك بكثير.
Il est vraiment pas beaucoup plus que cela.
نحن ذاهبون لمجرد أن تحدد ل وظيفة مجهول، نوع من مثل ما
Nous allons juste à la définition d'un fonction anonyme, un peu comme ce que
كنا نفعل في جافا سكريبت، حيث كنا
nous faisions dans JavaScript, où nous
لها وظيفة غير معروفة الاستجابة لفي نقرة،
avoir une fonction anonyme répondre à un clic sur,
أو عندما كنا نفعل خريطة الكائنات المختلفة في صفيف.
ou lorsque nous faisions une carte de les divers objets dans un tableau.
>> حدث شيء عندما تم النقر شيء.
>> Quelque chose est arrivé lorsque quelque chose a cliqué.
في هذه الحالة، انها مجرد شيء يحدث عندما تكون الدولة في صفحتنا
Dans ce cas, il est juste quelque chose est passe lorsque l'état de notre page
التغييرات.
Changements.
هناك نوعان من الخصائص الأخرى التي يتم الفرز of-- انهم لا
Il existe deux autres propriétés qui sont en quelque sorte de-- ils ne sont pas
خصائص الوحيدة التي ملازمة لمدعوم،
les seuls biens qui sont inhérent à XMLHttpRequest,
ولكنهم هم مهم جدا.
mais ils sont ceux assez importants.
هناك شيء يسمى ReadyState عن، والتي كما يمكنك تخمين ربما،
Il ya quelque chose appelé readyState, qui, comme vous pouvez probablement le deviner,
غير المتعلقة onreadystatechange.
est liée à onreadystatechange.
وهو يروي في الواقع كنت ما هو في ReadyState.
Il vous indique effectivement ce que le readyState est.
0، 1، 2، 3، و 4 الاحتمالات هناك،
0, 1, 2, 3, et 4 sont les possibilités là-bas,
وأنها نوع من تقريبا تتوافق مع ما
et ils sorte d'environ correspondre à ce que
كنت مجرد الحديث قبل حوالي الثانية.
Je parlais il ya environ une seconde.
>> ثم وضع، الذي نأمل لو ذهب كل شيء جيد،
>> Et puis l'état, qui Espérons que si tout allait OK,
هو 200، وهو باختصار ل، بطبيعة الحال، OK،
est de 200, ce qui est court pour, bien sûr, OK,
ونحن على دراية من المتشعب.
dont nous sommes familiers avec de HTTP.
لذلك نحن على أمل أن الدولة مستعدة لدينا أربعة، ومركزنا هو 200.
Nous espérons donc que notre état prêt est quatre, et notre statut est 200.
وإذا حالة استعداد لدينا أربعة، والاستجابة
Et si notre état prêt est quatre, et la réponse
هو على استعداد لوضعها على الصفحة، والوضع هو 200،
est prêt à être mis sur le la page, et le statut est 200,
كنا قادرين على القيام كل شيء بنجاح،
nous étions en mesure de faire tout avec succès,
الآن يمكننا بشكل غير متزامن تحديث الصفحة لدينا
maintenant, nous pouvons de manière asynchrone mettre à jour notre page
دون الحاجة إلى إعادة تحميل المحتوى الكامل منه.
sans avoir à recharger la totalité du contenu de celui-ci.
>> بعد أن قمت بتعريف ما يحدث إلى سلوك onreadystatechange،
>> Après nous avons défini ce qui se passe le comportement par onreadystatechange,
ولقد تأكدت من أنه ReadyState عن هو 4 والحالة 200،
et nous avons vérifié que readyState est 4 et le statut est 200,
ثم كل ما عليك القيام به هو فتح غير متزامن
alors tout ce que nous devons faire est ouvrir un asynchrone
الطلب، مما يجعل مجرد وHTTP GET عموما الطلب.
demande, qui est juste faire un HTTP GET généralement demande.
مجرد القيام برمجيا، بدلا من خلال متصفح الويب لدينا.
Il suffit de faire ce programme, au lieu de passer notre navigateur web.
ثم نرسل هذا الطلب.
Et puis nous envoyons cette demande.
فماذا يعني هذا ربما تبدو وكأنها في السياق؟
Alors qu'est-ce peut-être ressembler dans le contexte?
حتى هنا وظيفة التي يتعامل مع طلبات AJAX.
Alors, voici une fonction qui traite les requêtes AJAX.
موافق؟
D'accord?
ولقد قال تعسفا أنها تقبل حجة.
Et je l'ai dit arbitrairement il accepte un argument.
وهذا النوع من هيكل عظمي العام هنا.
Et ce une sorte de squelette générale ici.
في البداية، وحصلنا على أنفسنا كائن مدعوم الجديد.
Au tout début, nous obtenons nous un nouvel objet XMLHttpRequest.
ثم، ولست بحاجة لتعيين السلوك onreadystatechange.
Ensuite, je dois régler la onreadystatechange comportement.
لذا فإنني سأقول عندما يتغير ReadyState عن،
Et donc je vais dire lors du changement de readyState,
أريدك أن استدعاء هذه الدالة.
Je veux que vous appelez cette fonction.
>> وهو ذاهب الى تسأل السؤال، إذا في ReadyState
>> Qui va demander à la question, si le readyState
هو 4، إذا كان قد تغير في ReadyState لتكون 4، وكان وضع 200،
4 est, si le readyState a changé être 4, et l'état était de 200,
لذلك كان علينا طلب ناجحة، وأنا تريد أن تفعل شيئا إلى الصفحة.
donc nous avons eu une demande réussie, je vouloir faire quelque chose à la page.
ونحن سوف نلقي نظرة على مثال ما
Et nous allons jeter un oeil un exemple de ce que
قد يكون ذلك شيء في ثانية.
que quelque chose pourrait être dans une seconde.
حتى ذلك الحين، وأنا الآن قد حددت بلدي وظيفة مجهول،
Alors, maintenant, je l'ai définie ma fonction anonyme,
مهمتي استجابة كلما التغييرات ReadyState عن.
ma fonction de réponse à chaque fois les changements de readyState.
>> حتى ذلك الحين أنا فقط بحاجة إلى فتح طلب، وذلك باستخدام طريقة فتح.
>> Alors je juste besoin d'ouvrir un demander, en utilisant la méthode Open.
وبعد ذلك، أبعث هذا الطلب.
Et puis, je vous envoie cette demande.
ودعونا نلقي نظرة على مثال ملموس أكثر
Et nous allons jeter un oeil à un exemple plus concret
ما AJAX يمكن القيام به على صفحات الويب لدينا.
de ce que peut faire AJAX sur nos pages web.
لذلك ليس لدي هنا بسيط جدا الصفحة دعت صفحة home.html.
Je dois donc ici très simple Page appelé home.html.
وأنا عندي يذهب للمعلومات هنا ونوعا من القائمة المنسدلة.
Et je dois une information va ici et une sorte de menu déroulant.
>> وسوف نعيد النظر هذه في ثانية واحدة.
>> Et nous nous pencherons sur ce en une seconde.
ولكن أعتقد أنه يجب علينا الآن أن نلقي إلقاء نظرة على شفرة المصدر الفعلي.
Mais je pense que nous devrions maintenant prendre une regarder le code source réelle.
وهكذا، وانا ذاهب لفتح صفحة home.html.
Et donc, je vais ouvrir home.html.
وسنرى ما يحدث.
Et nous allons voir ce qui se passe.
حتى في أعلى جدا هنا، ولدي بعض الاشياء جافا سكريبت أن يحدث.
Alors au sommet très ici, je dois des trucs JavaScript qui se passe.
>> وهنا، وأنا على ما يبدو لديها وشعبة الذين ID هو infodiv،
>> Et ici, je dois apparemment un div dont l'ID est infodiv,
وبعض المعلومات سوف نذهب الى هناك.
et quelques informations va y aller.
ثم لدي هذا النموذج.
Et puis je dois cette forme.
وداخل هذا شكل، لدي شيء
Et à l'intérieur de cette forme, je dois quelque chose
يسمى حدد، الذي هو مجرد القائمة المنسدلة
appelé Select, qui est juste un menu déroulant
مع مجموعة من الخيارات المختلفة.
avec un tas d'options différentes.
وعلى ما يبدو عندما يتغير هذا عندما الخيار الذي تم اختياره له
Et apparemment, lorsque cela change, lorsque l'option qui a été sélectionnée comporte
تغير، وانا ذاهب للاتصال بعض من وظيفة cs50Info،
changé, je vais appeler une fonction cs50Info,
ثم انا ذاهب الى تمر في this.value،
et puis je vais passer this.value,
حيث يشير هذا إلى الخيار الذي تم اختياره،
où cela fait référence à l'option qui a été choisie,
والقيمة هي واحدة من هذه هنا، والخيار قيمة = يساوي فارغة، "بلومبرغ"
et la valeur est l'un de ceux-ci ici, l'option = valeur est égale à vide, "Blumberg,"
"بودين"، "تشان"، و "مالان".
"Bowden", "chan" et "Malan."
>> وذلك ما قد فعلا يحدث هنا عندما أفعل هذا؟
>> Donc, ce qui pourrait effectivement arriver ici quand je fais cela?
حسنا، دعونا نلقي ننظر blumberg.html.
Eh bien, nous allons jeter un regarder blumberg.html.
يبدو انها مجرد مقتطف من بعض الاكواد.
On dirait qu'il est juste un extrait de code HTML.
في واقع الأمر، ما أنا على أمل سيحدث هنا
Et en fait, ce que je suis en espérant qui va se passer ici
وانا ذاهب لتكون قادرة على سد العجز هذه الاكواد مباشرة إلى صفحة الويب الخاصة بي
est que je vais être capable de brancher Ce code HTML directement dans ma page web
دون الحاجة إلى إعادة تحميل الصفحة، بحيث أنه عندما
sans avoir à recharger la page, de sorte que lorsque
اخترت هانا من القائمة المنسدلة القائمة، معلومات عن هانا،
Je choisis Hannah de la liste déroulante menu, des informations sur Hannah,
ولا سيما أن هذه المعلومات هنا في blumberg.html،
en particulier, cette information ici à blumberg.html,
هو ما يظهر على الصفحة.
est ce qui apparaît sur la page.
وأنا لم يكن لديك لتحديث.
Et je ne dois rafraîchir.
وإذا اخترت شخص آخر، أن معلوماتهم تظهر.
Et si je choisi quelqu'un d'autre, leurs informations apparaîtrait.
كيف افعل هذا؟
Comment fais-je ceci?
مرة أخرى، وهذا يتطلب لنا استخدام بعض AJAX.
Encore une fois, cela exige nous d'utiliser certains AJAX.
وهكذا، ونحن سوف تفتح ajax.js.
Et donc, nous allons ouvrir ajax.js.
وهنا هو أن وظيفة، cs50Info.
Et voici que la fonction, cs50Info.
إذا كان اسم شيء، أعود.
Si le nom est rien, je reviens.
أنا لن تفعل أي شيء إذا وقد تم اختيار الخيار فارغا.
Je ne vais pas faire quelque chose si l'option vide a été choisie.
خلاف ذلك، وانا ذاهب ل إنشاء مدعوم الجديد.
Sinon, je vais créer un nouveau XMLHttpRequest.
ثم انا ذاهب الى القول، عندما تغييرات ReadyState عن، استدعاء هذه الدالة.
Et puis je vais vous dire, lorsque le changements readyState, appellent cette fonction.
>> وإذا في ReadyState هو 4 وكانت الحالة 200،
>> Et si le readyState est 4 et le statut est 200,
هنا قليلا من مسج على خط 13.
voici un peu de jQuery sur la ligne 13.
ولكن كل ما أفعله هو قائلا: تغيير محتويات infodiv
Mais tout ce que je fais est disant, modifier le contenu de infodiv
ليكون ما عدت بمثابة رد من وجهة نظري HttpRequest.
d'être ce que je suis rentré comme un réponse de mon HttpRequest.
>> ما هي لغتي HttpRequest؟
>> Quel est mon HttpRequest?
حسنا، هذا صحيح هنا على خط 18 و 19.
Eh bien, que ce droit ici sur la ligne 18 et 19.
خط 18، وأنا إعداد الأساس وطلب GET لاسم + هتمل.
Ligne 18, je suis fondamentalement préparation une requête GET pour le nom + .html.
ومرة أخرى، اسم هنا الحجة التي كانت
Et encore une fois, le nom est ici l'argument qui était
مرت في كمعلمة إلى cs50Info.
passé en tant que paramètre à cs50Info.
>> ذلك أساسا، أنا يمر في شخص ما اسم، وهي أن مجموعة من الخيارات
>> Donc, fondamentalement, je suis de passage à quelqu'un d' nom, qui était que jeu d'options
الذي رأيناه في القائمة المنسدلة في النموذج.
que nous avons vu dans le dans le menu déroulant sous la forme.
أنا الحصول على هذا الاسم.
Je reçois ce nom.
وأنا أقول أود منك ل يرجى الحصول بالنسبة لي أن file.html،
Et je dis que je voudrais que vous s'il vous plaît obtenir pour moi que file.html,
ثم قم بإرسال هذا الطلب.
et ensuite envoyer cette demande.
>> وبحيث onreadystatechange يسير أن يكون الاستماع والانتظار والانتظار
>> Et pour que onreadystatechange va être à l'écoute et attendre et attendre
والانتظار، حتى في ReadyState هو 4، والوضع هو 200.
et d'attente, jusqu'à ce que le readyState est 4, et de l'état est de 200.
لذلك فمن جاهزة للعمل، وكان الطلب ناجحا.
Donc, il est prêt à être servi, et la demande a réussi.
ثم إذا كان كذلك، فإنه سيكون ل تغيير محتويات infodiv
Et puis, si elle est, ça va modifier le contenu de infodiv
أن يكون النص الاستجابة التي حصلت على العودة.
être le texte de réponse que je suis rentré.
>> لذلك دعونا نرى كيف هذا قد عمل فعلا.
>> Voyons donc comment cette pourrait en fait travailler.
ولذا فإننا سوف يتوجه الى متصفحي النافذة، وسوف نبحث هنا.
Donc, nous allons la tête sur mon navigateur fenêtre, et nous allons voir ici.
لذلك دعونا نلقي نظرة على ما الذي يحدث هنا في AJAX.
Donc, nous allons jeter un oeil à ce qui se passe ici en AJAX.
ولذا فإننا سوف اختيار شخص من القائمة المنسدلة.
Donc, nous allons choisir quelqu'un dans le menu déroulant.
حتى في هذه الحالة، دعونا مجرد اختيار هانا.
Donc dans ce cas, nous allons il suffit de choisir Hannah.
ولاحظ أن لهانا لقد تغيرت المعلومات،
Et remarquez que Hannah l'information a changé,
ولكن لم يكن لدي any-- بلدي لم يكن إعادة تحميل الصفحة بالكامل.
mais je ne dois mon any-- la page n'a pas entièrement recharger.
بقي الاشياء.
Le truc est resté.
بقي معظم الاشياء.
La plupart des choses sont restés.
لم AJAX اختبار لا تغيير.
AJAX test n'a pas changé.
الزر نفسه، وهذا القائمة المنسدلة لم تتغير.
Le bouton lui-même, ce menu déroulant n'a pas changé.
ولكن هناك معلومات لم تتغير.
Mais il a changé d'informations.
واعتمادا على كيفية بسرعة بلدي التحركات الكمبيوتر،
Et en fonction de la rapidement mes mouvements informatiques,
كنت في الواقع قد نرى أن المحتوى يختفي ثم يظهر ثانية وحقا
vous avez réellement pourriez voir que le contenu disparaît et puis réapparaît vraiment
بسرعة.
rapidement.
هذا المحتوى يجري حذف من infodiv،
Voilà le contenu étant infodiv retirés,
ومن ثم استبدالها طلب غير متزامن جديد.
et ensuite remplacé par un nouvelle demande asynchrone.
>> حتى لو كنت التبديل إلى أن أقول، Rob-- ومرة ​​أخرى، نلقي نظرة،
>> Donc, si je l'allume à-dire, Rob-- et encore, jetez un oeil,
وربما سنرى فعلا تختفي وتعود الى الظهور بسرعة.
et peut-être nous verrons qu'il fait disparaître et réapparaître rapidement.
أنت ترى أن؟
Tu vois ça?
كيف برزت فقط بعيدا، وبعد ذلك تعبئتها؟
Comment ça juste sauté loin, et puis il rempli?
هذا هو طلب AJAX نوع من الحدوث.
Voilà la requête AJAX sorte d'avoir lieu.
وذلك اعتمادا على شخص اخترت، وأنا
Et si en fonction de la personne que je choisis, je suis
جعل المتزامن مختلفة طلب إلى ملف مختلف
faisant un asynchrone différent demande à un fichier différent
أن لدي في خدمة بلدي.
que je dois sur mon serveur.
ومحتويات بلدي infodiv تقوم بتحديث،
Et le contenu de mon infodiv sont mise à jour,
استنادا إلى أي من هذه لقد اخترت.
sur la base de laquelle de ces Je l'ai choisi.
ولهذا حقا كل ما في AJAX.
Voilà donc vraiment tout ce qu'il ya à AJAX.
لأنها تتيح لنا لجعل هذه المتزامن طلبات والتحديثات لصفحة.
Il nous permet de faire ces asynchrone demandes, des mises à jour à une page.
دون الحاجة إلى تحديث الصفحة بأكملها،
Sans avoir à rafraîchir la page entière,
ونحن في طريقنا للحصول على جديد المحتوى من ذلك بجعل
nous allons obtenir de nouvelles Contenu de ce en faisant
طلب العذبة الجديد إلى الملقم.
une nouvelle nouvelle demande au serveur.
وهكذا، يمكن أن تصبح صفحاتنا لا بأس به أكثر ديناميكية.
Et oui, nos pages peuvent devenir un peu plus dynamique.
>> وكلما تقدمنا ​​أكثر وأكثر تقدما، ل
>> Et que nous aurons plus et plus avancé, vous
قد تحصل أشياء مثل مثلا، بريدك الالكتروني،
pourraient obtenir des choses comme par exemple, votre boîte e-mail,
حيث لم يكن لديك لفعل أي شيء.
où vous ne devez rien faire.
لم يكن لديك لفوق القائمة المنسدلة أو انقر فوق أي شيء،
Vous ne devez pas cliquer sur un dans le menu déroulant ou cliquez sur quoi que ce soit,
وفجأة، أحدث الخاص بك البريد الإلكتروني يظهر في الجزء العلوي.
et tout d'un coup, votre plus récent email montre au sommet.
وهذا أيضا مجرد طلب اياكس.
Cela est également juste une requête Ajax.
اياكس يطلب بك خادم، خادم البريد الإلكتروني،
Ajax est votre demande serveur, le serveur de messagerie,
لإرسال أكثر من جميع المعلومات حول أحدث رسائل البريد الإلكتروني،
d'envoyer plus de toutes les informations à propos de vos derniers e-mails,
وتغيير ما تراه على الشاشة ليكون أحدث لديك مجموعة من رسائل البريد الإلكتروني.
et de changer ce que vous voyez sur la écran pour être votre plus récent ensemble de courriels.
وإذا كان لديك واحدة جديدة في هناك، ثم محتوى ذلك شعبة
Et si vous avez un nouveau dans là, alors le contenu de cette div
ستتغير لتعكس المحتوى المحدث.
va changer pour refléter le contenu mis à jour.
أنا دوغ ويد.
Je suis Doug Lloyd.
هذا هو CS50.
Ceci est CS50.
Similar videos:

Xiaomi Redmi 5 Plus Review - Great 18:9 Budget Mobile 2017
TechTablets
150.2K views 1.7K likes 86 dislikes 27 Dec 201771% match

面对各式各样的饰品，小胖现场试戴，青妹妹大赞：太好看！【青妹妹与小胖】
QingSister
9.3K views 222 likes 5 dislikes 26 Sep 202071% match

【中国健体第一人】终于见到这个男人了！(ft.吴龙)
babycarrot
265.5K views 3.2K likes 112 dislikes 26 Dec 202070% match

Regression Intro - Practical Machine Learning Tutorial with Python p.2
sentdex
1.3M views 9.6K likes 190 dislikes 10 Apr 201670% match


SUBWOOFER BASS STOPS WATER FLOW !!
My Stoner Mind
31K views 873 likes 27 dislikes 26 Apr 201770% match





SKR 1.3 - Fan Extender (Part 1) - Stepper Cooling
Ed's 3d Tech
14.9K views 228 likes 0 dislikes 29 Jun 201969% match















【小白测评】 水桶一加8T體驗 哭了…終於給上65W閃充了。
Xiaobai's Tech Reviews
25.8K views 311 likes 11 dislikes 16 Oct 202069% match

Roblox | Pokemon Brick Bronze | Episode 1 - Tour Back to Snorlax [KM+Gaming S01E51]
KidMattersTV
5.4K views 22 likes 17 dislikes 26 Aug 201769% match















THE TERRIFYIUM - BUILDING A NEW TERRARIUM FOR OUR PANTHER CHAMELEON
Green Aqua
115.8K views 4.4K likes 148 dislikes 14 Oct 202069% match








Loops
CS50
42.2K views 95 likes 2 dislikes 07 Oct 201569% match










TCP
CS50
12.1K views 97 likes 4 dislikes 26 Oct 201569% match










人工養殖河豚到底有沒有毒？靚仔到養殖場找答案，真的有點意外【衣谷水原】
Explore Taro Balls
674.7K views 8.6K likes -1 dislikes 22 Oct 202068% match

The Thing That God Hates Most | Derek Prince Bible Study
Derek Prince With Subtitles
277.4K views 8.7K likes 168 dislikes 24 Apr 202068% match







Travel to India from Canada! | Air Canada Flight from Toronto to Mumbai Travel Vlog
Samuel and Audrey - Travel and Food Videos
29K views 726 likes 28 dislikes 07 Dec 201868% match



Arduino IDE
CS50
15K views 0 likes 0 dislikes 05 Oct 201268% match










沒對比就沒傷害：王天一出順炮奇兵妙勝，趙金城用來求和竟輸【象棋教室】
Chess classroom
3.8K views 33 likes 3 dislikes 03 Oct 202068% match

Batu Caves tour and Indian food in Malaysia
Samuel and Audrey - Travel and Food Videos
27.8K views 350 likes 21 dislikes 07 Mar 201768% match

宝可梦有生之年系列第一弹：小赤参加石英联盟预选赛，皮卡丘正面对决大针蜂！【宝可梦同人01】
Capijun
21.1K views 459 likes 6 dislikes 17 Nov 202068% match
0 views 0 likes 0 dislikes 04 Jun 202668% match











Episode 8: Cam Timing - Royal Enfield 650 Twins
Revelry Cycles
4.3K views 277 likes 2 dislikes 29 Dec 202068% match





Life in the United States right now | Austin, Texas #withme
Renata Pereira
19.3K views 913 likes 8 dislikes 03 Apr 202068% match








Conditional Statements
CS50
40.5K views 84 likes 2 dislikes 07 Oct 201568% match










File I/O
CS50
58.6K views 0 likes 0 dislikes 09 Nov 201268% match










COMO SOBREVIVIR CON DETECTOR DE METALES [ EPISODIO 1 ]: 🦠 CIANOBACTERIA PANDEMICA
Adventure Detection
21.9K views 707 likes 17 dislikes 29 Nov 202068% match














【机械表大战iPhone12】iPhone12成机械表克星？看普通机械表如何硬刚36颗强磁铁！
Detective Earth
22.8K views 349 likes 9 dislikes 20 Nov 202068% match

試吃400元網購一塊熟成牛排靠譜嗎，味道究竟如何！ 【加油小軍哥】
Fighting xiaojun
24.9K views 318 likes 10 dislikes 09 Oct 202068% match



Free Backlink # 4 BandCamp (Do-Follow) SEO Training
Peii Henry
978 views 49 likes 0 dislikes 28 Jul 202068% match




【神奇宝贝人物志03】，小智的烈焰猴是如何一步一步变强的？
Capijun
665.1K views 5.6K likes -1 dislikes 01 Apr 201968% match

First Premier of the People's Republic of China: Zhou Enlai Interview (1965)

39.2K views 84 likes 9 dislikes 18 Aug 201268% match











【抖音第一秘书】老板公司面临破产？患难时刻见真情，桃子和众多员工不离不弃，坚持到底
Gumai Golden Harvest Agency MCN
41.4K views 515 likes 17 dislikes 07 Nov 202068% match


Settings Privacy About Contact Donate