Latest web development tutorials

أجاكس ASP / PHP

يستخدم أجاكس لإنشاء تطبيقات أكثر ديناميكية.


أجاكس ASP أمثلة / PHP

والمثال التالي تظهر لك عندما يكتب المستخدم في مربع إدخال حرف، وكيفية التواصل صفحات الويب مع خادم الويب: الرجاء كتابة في مربع الإدخال تحت الحروف (A - Z):

أمثلة

Start typing a name in the input field below:

First name:

Suggestions:


محاولة »


أمثلة تحليل - وظيفة showHint ()

عندما مربع إدخال المستخدم، اكتب الأحرف المذكورة أعلاه، فإنه ينفذ "showHint ()" وظيفة. وتتألف هذه الوظيفة من "onkeyup" الزناد الحدث:

function showHint(str)
{
var xmlhttp;
if (str.length==0)
{
document.getElementById("txtHint").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","gethint.html?q="+str,true);
xmlhttp.send();
}

تحليل شفرة المصدر:

إذا مربع الإدخال فارغ (str.length == 0)، ثم وظيفة محتويات فارغة txtHint نائبا، والخروج.

إذا مربع الإدخال ليست فارغة، showHint () وظيفة بتنفيذ المهام التالية:

  • إنشاء كائن مدعوم
  • تنفيذ وظيفة عند استجابة الملقم جاهزة
  • إرسال الطلب إلى ملف على الخادم
  • يرجى ملاحظة أننا قد أضافت ف المعلمة (مع مربع إدخال المحتوى) إلى عنوان URL

صفحات الملقم أجاكس - ASP و PHP

صفحة ملقم التي دعت إليها جافا سكريبت أعلاه هو ملف ASP المسمى "gethint.asp".

هنا، ونحن خلق نسختين من ملف الخادم، وهو مكتوب في آسيا والمحيط الهادئ، والآخر مكتوب في PHP.

ملف ASP

"Gethint.asp" رمز المصدر يتحقق مجموعة اسم، ثم عاد إلى المتصفح اسم المقابلة:

<%
response.expires=-1
dim a(30)
'Fill up array with names
a(1)="Anna"
a(2)="Brittany"
a(3)="Cinderella"
a(4)="Diana"
a(5)="Eva"
a(6)="Fiona"
a(7)="Gunda"
a(8)="Hege"
a(9)="Inga"
a(10)="Johanna"
a(11)="Kitty"
a(12)="Linda"
a(13)="Nina"
a(14)="Ophelia"
a(15)="Petunia"
a(16)="Amanda"
a(17)="Raquel"
a(18)="Cindy"
a(19)="Doris"
a(20)="Eve"
a(21)="Evita"
a(22)="Sunniva"
a(23)="Tove"
a(24)="Unni"
a(25)="Violet"
a(26)="Liza"
a(27)="Elizabeth"
a(28)="Ellen"
a(29)="Wenche"
a(30)="Vicky"

'get the q parameter from URL
q=ucase(request.querystring("q"))

'lookup all hints from array if length of q>0
if len(q)>0 then
hint=""
for i=1 to 30
if q=ucase(mid(a(i),1,len(q))) then
if hint="" then
hint=a(i)
else
hint=hint & " , " & a(i)
end if
end if
next
end if

'Output "no suggestion" if no hint were found
'or output the correct values
if hint="" then
response.write("no suggestion")
else
response.write(hint)
end if
%>


ملف PHP

التعليمة البرمجية التالية مكتوبة في PHP، ورمز ASP فوق التأثير هو نفسه.

<?php
// Fill up array with names
$a[]="Anna";
$a[]="Brittany";
$a[]="Cinderella";
$a[]="Diana";
$a[]="Eva";
$a[]="Fiona";
$a[]="Gunda";
$a[]="Hege";
$a[]="Inga";
$a[]="Johanna";
$a[]="Kitty";
$a[]="Linda";
$a[]="Nina";
$a[]="Ophelia";
$a[]="Petunia";
$a[]="Amanda";
$a[]="Raquel";
$a[]="Cindy";
$a[]="Doris";
$a[]="Eve";
$a[]="Evita";
$a[]="Sunniva";
$a[]="Tove";
$a[]="Unni";
$a[]="Violet";
$a[]="Liza";
$a[]="Elizabeth";
$a[]="Ellen";
$a[]="Wenche";
$a[]="Vicky";

//get the q parameter from URL
$q=$_GET["q"];

//lookup all hints from array if length of q>0
if (strlen($q) > 0)
{
$hint="";
for($i=0; $i<count($a); $i++)
{
if (strtolower($q)==strtolower(substr($a[$i],0,strlen($q))))
{
if ($hint=="")
{
$hint=$a[$i];
}
else
{
$hint=$hint." , ".$a[$i];
}
}
}
}

// Set output to "no suggestion" if no hint were found
// or to the correct values
if ($hint == "")
{
$response="no suggestion";
}
else
{
$response=$hint;
}

//output the response
echo $response;
?>