php的ajax简单实例


Posted in PHP onFebruary 27, 2014

php的ajax简单实例

当输入j后,会触发ajax效果,从后台获取相应的名字中带有j的数据,并展示在suggestions中。

代码实现如下:

实现ajax需要三个文件,一个是html的表单文件,一个是js的核心文件,一个是php的后台文件。

下面的是html文件,当键盘按下时触发showHint方法,在showHint方法中会有ajax的核心内容,实例化,获取地址,获取数据并展示等等。

<html>
<head>
<script src="clienthint.js"></script> 
</head>
<body>
<form> 
First Name:
<input type="text" id="txt1"
onkeyup="showHint(this.value)">
</form>
<p>Suggestions: <span id="txtHint"></span></p>
</body>
</html>

 

下面是js的内容clienthint.js。

var xmlHttp
function showHint(str)
{
if (str.length==0)
 { 
 document.getElementById("txtHint").innerHTML=""
 return
 }
//获取xmlHttpObject对象,如果为空,提示浏览器不支持ajax
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
 {
 alert ("Browser does not support HTTP Request")
 return
 } 
 //获取url
var url="gethint.php"
url=url+"?q="+str
url=url+"&sid="+Math.random()
 //回调函数,执行动作
xmlHttp.onreadystatechange=stateChanged 
 //open
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
} 
function stateChanged() 
{ 
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{ 
//将获取的信息插入到txtHint中
document.getElementById("txtHint").innerHTML=xmlHttp.responseText 
} 
}

//获取xml对象
function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
 {
 xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
 }
catch (e)
 {
 xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
 }
}
return xmlHttp;
}

下面是php的内容。根据ajax对象传入的参数,获取相应的数据。

<?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[]="Jiqing";
$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;
?>
PHP 相关文章推荐
php之对抗Web扫描器的脚本技巧
Oct 01 PHP
thinkphp3.0 模板中函数的使用
Nov 13 PHP
解析php中call_user_func_array的作用
Jun 07 PHP
ThinkPHP中URL路径访问与模块控制器之间的关系
Aug 23 PHP
php+html5基于websocket实现聊天室的方法
Jul 17 PHP
PHP实现获取某个月份周次信息的方法
Aug 11 PHP
php获取远程文件大小
Oct 20 PHP
php设计模式之委托模式
Feb 13 PHP
PHP常见数组函数用法小结
Mar 21 PHP
PHP 中TP5 Request 请求对象的实例详解
Jul 31 PHP
使用PHPExcel导出Excel表
Sep 08 PHP
利用PHP内置SERVER开启web服务(本地开发使用)
Jan 22 PHP
php中require和require_once的区别说明
Feb 27 #PHP
php更新修改excel中的内容实例代码
Feb 26 #PHP
php获取文件大小的方法
Feb 26 #PHP
PHP批量上传图片的具体实现方法介绍.
Feb 26 #PHP
php把session写入数据库示例
Feb 26 #PHP
php操作mysql数据库的基本类代码
Feb 25 #PHP
php获取bing每日壁纸示例分享
Feb 25 #PHP
You might like
PHP5 安装方法
2007/01/15 PHP
PHP中的integer类型使用分析
2010/07/27 PHP
php 删除目录下N分钟前创建的所有文件的实现代码
2013/08/10 PHP
php ckeditor上传图片文件名乱码解决方法
2013/11/15 PHP
php计算两个日期时间差(返回年、月、日)
2014/06/19 PHP
异步加载技术实现当滚动条到最底部的瀑布流效果
2014/09/16 PHP
PHP常用字符串操作函数实例总结(trim、nl2br、addcslashes、uudecode、md5等)
2016/01/09 PHP
PHP session会话操作技巧小结
2016/09/27 PHP
一个不错的仿携程自定义数据下拉选择select
2014/09/01 Javascript
在JavaScript里防止事件函数高频触发和高频调用的方法
2014/09/06 Javascript
编程语言JavaScript简介
2014/10/16 Javascript
javascript 中的 delete及delete运算符
2015/11/15 Javascript
详解js中常规日期格式处理、月历渲染和倒计时函数
2016/12/28 Javascript
原生js实现网页顶部自动下拉/收缩广告效果
2017/01/20 Javascript
d3.js实现立体柱图的方法详解
2017/04/28 Javascript
微信小程序 setData使用方法及常用错误解决办法
2017/05/11 Javascript
webpack4 入门最简单的例子介绍
2018/09/05 Javascript
jquery选择器和属性对象的操作实例分析
2020/01/10 jQuery
微信小程序保持session会话的方法
2020/03/20 Javascript
python中int与str互转方法
2018/07/02 Python
Python 正则表达式 re.match/re.search/re.sub的使用解析
2019/07/22 Python
详解如何在PyCharm控制台中输出彩色文字和背景
2020/08/17 Python
一些关于python 装饰器的个人理解
2020/08/31 Python
Python制作一个仿QQ办公版的图形登录界面
2020/09/22 Python
国外平面设计素材网站:The Hungry JPEG
2017/03/28 全球购物
中药专业大学生医药工作求职信
2013/10/25 职场文书
2013届毕业生求职信范文
2013/11/20 职场文书
家长会演讲稿范文
2014/01/10 职场文书
岳父生日宴会答谢词
2014/01/13 职场文书
社区母亲节活动记录
2014/03/06 职场文书
公安学专业求职信
2014/07/27 职场文书
党的群众路线教育实践活动心得体会(企业)
2014/11/03 职场文书
2015暑假实习报告范文
2015/07/13 职场文书
物业公司管理制度
2015/08/05 职场文书
小学数学教师研修日志
2015/11/13 职场文书
Python使用BeautifulSoup4修改网页内容
2022/05/20 Python