AJAX PHP请求实例
2017-11-03 16:21
344 查看
这仅仅是自己的学习笔记,只为记录自己的成长
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>AJAX PHP请求实例</title>
<script>
function showHint(str){
var xmlhttp;
if(str.length==0){
document.getElementById("txtHint").innerHTML="hello";
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.php?q="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>
<h3>请在下面的输入框中键入字母(A - Z):</h3>
<form action="">
姓氏:<input type="text" id="txt1" onkeyup="showHint(this.value)" />
<!--onkeyup 事件会在键盘按键被松开时发生。-->
</form>
<p>建议:<span id="txtHint"></span></p>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>AJAX PHP请求实例</title>
<script>
function showHint(str){
var xmlhttp;
if(str.length==0){
document.getElementById("txtHint").innerHTML="hello";
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.php?q="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>
<h3>请在下面的输入框中键入字母(A - Z):</h3>
<form action="">
姓氏:<input type="text" id="txt1" onkeyup="showHint(this.value)" />
<!--onkeyup 事件会在键盘按键被松开时发生。-->
</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"; $q = $_GET["q"]; if(strlen($q) > 0){ $hint = ""; for($i=0; $i < count($a); $i++){ //strtolower() 把所有字符转换为小写: //substr() 函数返回字符串的一部分。 //substr(string,start,length) //start 规定在字符串的何处开始 //length规定被返回字符串的长度 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; ?>
相关文章推荐
- AJAX PHP 请求实例
- PHP AJAX JSONP实现跨域请求使用实例
- AJAX教程6- ASP/PHP 请求实例
- PHP AJAX JSONP实现跨域请求使用实例
- AJAX 跨域请求 – JSONP的使用,PHP实例详解
- PHP AJAX JSONP实现跨域请求使用实例
- PHP AJAX JSONP实现跨域请求使用实例
- PHP AJAX JSONP实现跨域请求使用实例
- PHP AJAX JSONP实现跨域请求使用实例
- PHP AJAX JSONP实现跨域请求使用实例
- AJAX ASP/PHP 请求实例
- PHP AJAX JSONP实现跨域请求使用实例
- AJAX 跨域请求 – JSONP的使用,PHP实例详解
- AJAX ASP/PHP 请求实例
- AJAX ASP/PHP 请求实例
- AJAX ASP/PHP 请求实例
- AJAX学习-----ASP/PHP 请求实例
- PHP AJAX JSONP实现跨域请求使用实例
- PHP AJAX JSONP实现跨域请求使用实例
- AJAX学习-----ASP/PHP 请求实例