AJAX与PHP

html>
head>
    script>
        function showHint(str)
        {
            if (str.length==0)
            {
                document.getElementById("txtHint").innerHTML="";
                return;
            }
            if (window.XMLHttpRequest)
            {
                // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行的代码
                xmlhttp=new XMLHttpRequest();
            }
            else
            {
                //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.php?q="+str,true);
            xmlhttp.send();
        }
    script>
head>
body>

p>b>在输入框中输入一个姓名:b>p>
form>
    姓名: input type="text" onkeyup="showHint(this.value)">
form>
p>返回值: span id="txtHint">span>p>

body>
html>

php
// 将姓名填充到数组中
$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";

//从请求URL地址中获取 q 参数
$q=$_GET["q"];

//查找是否由匹配值， 如果 q>0
if (strlen($q) > 0)
{
    $hint="";
    for($i=0; $icount($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;

php
$q=$_GET["q"];

$xmlDoc = new DOMDocument();
$xmlDoc->load("cd_catalog.xml");

$x=$xmlDoc->getElementsByTagName(‘ARTIST‘);

for ($i=0; $i$x->length-1; $i++)
{
    // 处理元素节点
    if ($x->item($i)->nodeType==1)
    {
        if ($x->item($i)->childNodes->item(0)->nodeValue == $q)
        {
            $y=($x->item($i)->parentNode);
            break;
        }
    }
}

$cd=($y->childNodes);


for ($i=0;$i$cd->length;$i++)
{
    // 处理元素节点
    if ($cd->item($i)->nodeType==1)
    {
        echo("" . $cd->item($i)->nodeName . ": ");
        echo($cd->item($i)->childNodes->item(0)->nodeValue);
        echo("
");
    }
}

DOCTYPE html>
html>
head>
    meta charset="utf-8">
    title>菜鸟教程(runoob.com)title>
    script>
        function showSite(str)
        {
            if (str=="")
            {
                document.getElementById("txtHint").innerHTML="";
                return;
            }
            if (window.XMLHttpRequest)
            {
                // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
                xmlhttp=new XMLHttpRequest();
            }
            else
            {
                // 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","getmysql.php?q="+str,true);
            xmlhttp.send();
        }
    script>
head>
body>

form>
    select name="users" onchange="showSite(this.value)">
        option value="">选择一个网站:option>
        option value="1">Googleoption>
        option value="2">淘宝option>
        option value="3">菜鸟教程option>
        option value="4">微博option>
        option value="5">Facebookoption>
    select>
form>
br>
div id="txtHint">b>网站信息显示在这里……b>div>

body>
html>

php
$q = isset($_GET["q"]) ? intval($_GET["q"]) : ‘‘;

if(empty($q)) {
    echo ‘请选择一个网站‘;
    exit;
}

$con = mysqli_connect(‘localhost‘,‘root‘,‘‘);
if (!$con)
{
    die(‘Could not connect: ‘ . mysqli_error($con));
}
// 选择数据库
mysqli_select_db($con,"test");
// 设置编码，防止中文乱码
mysqli_set_charset($con, "utf8");

$sql="SELECT * FROM Websites WHERE id = ‘".$q."‘";

$result = mysqli_query($con,$sql);
if (!$result) {
    printf("Error: %s\n", mysqli_error($con));
    exit();
}

echo "";

while($row = mysqli_fetch_array($result))
{
    echo "";
    echo "";
    echo "";
    echo "";
    echo "";
    echo "";
    echo "";
}
echo "


ID
网站名
网站 URL
Alexa 排名
国家
" . $row[‘id‘] . "
" . $row[‘name‘] . "
" . $row[‘url‘] . "
" . $row[‘alexa‘] . "
" . $row[‘country‘] . "
";

mysqli_close($con);