Home >Web Front-end >JS Tutorial >Related knowledge about AJAX ASP/PHP request examples

Related knowledge about AJAX ASP/PHP request examples

jacklove
jackloveOriginal
2018-05-09 10:20:461570browse

AJAX is used to create more dynamic applications. This article will explain its related knowledge.

Explanation of examples - showHint() function

When the user types characters in the input box above, the function "showHint()" will be executed. This function is triggered by the "onkeyup" event:

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.asp?q="+str,true);
xmlhttp.send();
}

Source code explanation:

If the input box is empty (str.length==0), then this function is cleared txtHint The content of the placeholder and exits the function.

If the input box is not empty, the showHint() function performs the following tasks:

Creates an XMLHttpRequest object

Execute the function when the server response is ready

The request is sent to a file on the server

Please note that we added a parameter q (with the content of the input box) to the URL

AJAX Server Page - ASP and PHP

The server page called by the above JavaScript is an ASP file named "gethint.asp".

Below, we create two versions of the server file, one written in ASP and the other written in PHP.

ASP file

The source code in "gethint.asp" checks an array of names and returns the corresponding names to the browser:

80e248d0afde01ba8da01c406b4843ee

PHP file

The following code is written in PHP and has the same function as the above ASP code.

Note: To run this example in PHP, please change the value of the url variable (in the Javascript code) from "gethint.asp" to "gethint.php".

$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";//获得来自 URL 的 q 参数$q=$_GET["q"];//如果 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];
        }
      }
    }
  }// 如果未找到提示,则把输出设置为 "no suggestion"// 否则设置为正确的值if ($hint == "")
  {
  $response="no suggestion";
  }
else
  {
  $response=$hint;
  }//输出响应echo $response;
?>

This article explains the AJAX ASP/PHP request , for more learning materials, please pay attention to the php Chinese website to view.

Related recommendations:

Explanation of XML in AJAX with examples

MySQL’s first introduction to sql statements and library operations

How to simply implement it through TP5-add, delete, modify and check

The above is the detailed content of Related knowledge about AJAX ASP/PHP request examples. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn