آموزش جستجوی Ajax در PHP

3 سال پیش

امتیاز دهید post

آموزش جستجوی Ajax در PHP

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش جستجوی Ajax در PHP خواهیم پرداخت.

Ajax برای ارتباط با صفحات وب و سرورهای وب استفاده می شود. مثال زیر یک فیلد جستجو با استفاده از Ajax را نشان می دهد.

&lt;html&gt;
   &lt;head&gt;
      
      &lt;style&gt;
         span {
            color: green;
         }
      &lt;/style&gt;
      
      &lt;script&gt;
         function showHint(str) {
            if (str.length == 0) {
               document.getElementById("txtHint").innerHTML = "";
               return;
            }else {
               var xmlhttp = new XMLHttpRequest();
                    
               xmlhttp.onreadystatechange = function() {
                  if (xmlhttp.readyState == 4 &amp;&amp; xmlhttp.status == 200) {
                     document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
                  }
               }
               xmlhttp.open("GET", "php_ajax.php?q=" + str, true);
               xmlhttp.send();
            }
         }
      &lt;/script&gt;
      
   &lt;/head&gt;
   &lt;body&gt;
      
      &lt;p&gt;&lt;b&gt;Search your favourite tutorials:&lt;/b&gt;&lt;/p&gt;
      
      &lt;form&gt;
         &lt;input type = "text" onkeyup = "showHint(this.value)"&gt;
      &lt;/form&gt;
      
      &lt;p&gt;Entered Course name: &lt;span id="txtHint"&gt;&lt;/span&gt;&lt;/p&gt;
   
   &lt;/body&gt;
&lt;/html&gt;

<html>

<head>

<style>

span {

color: green;

}

</style>

function showHint(str) {

if (str.length == 0) {

document.getElementById("txtHint").innerHTML = "";

return;

}else {

var xmlhttp = new XMLHttpRequest();

xmlhttp.onreadystatechange = function() {

if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {

document.getElementById("txtHint").innerHTML = xmlhttp.responseText;

}

xmlhttp.open("GET", "php_ajax.php?q=" + str, true);

xmlhttp.send();

}

</script>

</head>

<body>

<p><b>Search your favourite tutorials:</b></p>

<form>

</form>

<p>Entered Course name: <span id="txtHint"></span></p>

</body>

</html>

کد بالا فایلی با استفاده از روش GET را باز می کند که نام آن php_ajax.php می باشد، بنابراین ما باید یک فایل ایجاد کنیم، نامی به نام php_ajax.php در همان فهرست و خارج از آن با txtHint پیوست می شود.

php_ajax.php

این شامل آرایه ای از نام دوره ها بود و مقدار را به مرورگر وب برمی گرداند.

&lt;?php
   // Array with names
   $a[] = "Android";
   $a[] = "B programming language";
   $a[] = "C programming language";
   $a[] = "D programming language";
   $a[] = "euphoria";
   $a[] = "F#";
   $a[] = "GWT";
   $a[] = "HTML5";
   $a[] = "ibatis";
   $a[] = "Java";
   $a[] = "K programming language";
   $a[] = "Lisp";
   $a[] = "Microsoft technologies";
   $a[] = "Networking";
   $a[] = "Open Source";
   $a[] = "Prototype";
   $a[] = "QC";
   $a[] = "Restful web services";
   $a[] = "Scrum";
   $a[] = "Testing";
   $a[] = "UML";
   $a[] = "VB Script";
   $a[] = "Web Technologies";
   $a[] = "Xerox Technology";
   $a[] = "YQL";
   $a[] = "ZOPL";
   
   $q = $_REQUEST["q"];
   $hint = "";
   
   if ($q !== "") {
      $q = strtolower($q);
      $len = strlen($q);
      
      foreach($a as $name) {
        
         if (stristr($q, substr($name, 0, $len))) {
            if ($hint === "") {
               $hint = $name;
            }else {
               $hint .= ", $name";
            }
         }
      }
   }
   echo $hint === "" ? "Please enter a valid course name" : $hint;
?&gt;

<?php

// Array with names

$a[] = "Android";

$a[] = "B programming language";

$a[] = "C programming language";

$a[] = "D programming language";

$a[] = "euphoria";

$a[] = "F#";

$a[] = "GWT";

$a[] = "HTML5";

$a[] = "ibatis";

$a[] = "Java";

$a[] = "K programming language";

$a[] = "Lisp";

$a[] = "Microsoft technologies";

$a[] = "Networking";

$a[] = "Open Source";

$a[] = "Prototype";

$a[] = "QC";

$a[] = "Restful web services";

$a[] = "Scrum";

$a[] = "Testing";

$a[] = "UML";

$a[] = "VB Script";

$a[] = "Web Technologies";

$a[] = "Xerox Technology";

$a[] = "YQL";

$a[] = "ZOPL";

$q = $_REQUEST["q"];

$hint = "";

if ($q !== "") {

$q = strtolower($q);

$len = strlen($q);

foreach($a as $name) {

if (stristr($q, substr($name, 0, $len))) {

if ($hint === "") {

$hint = $name;

}else {

$hint .= ", $name";

}

echo $hint === "" ? "Please enter a valid course name" : $hint;

خروجی به شکل زیر می باشد.

Ajax Search

منبع.

لیست جلسات قبل آموزش PHP

امتیاز دهید post

برچسب ها : آموزش PHP آموزش طراحی وب سایت

نویسنده مطلب saber

آموزش جستجوی Ajax در PHP

آموزش جستجوی Ajax در PHP

php_ajax.php

لیست جلسات قبل آموزش PHP

دیدگاه شما

بدون دیدگاه

آموزش جستجوی Ajax در PHP

php_ajax.php

لیست جلسات قبل آموزش PHP

دیدگاه شما

برای صرف‌نظر کردن از پاسخ‌گویی اینجا را کلیک نمایید.

بدون دیدگاه