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(2)
Oct 09 PHP
判“新”函数:得到今天与明天的秒数
Oct 09 PHP
PHP XML备份Mysql数据库
May 27 PHP
深入phpMyAdmin的安装与配置的详细步骤
May 07 PHP
ThinkPHP模板中数组循环实例
Oct 30 PHP
javascript some()函数用法详解
Nov 13 PHP
跨浏览器PHP下载文件名中的中文乱码问题解决方法
Mar 05 PHP
PHP获取网页所有连接的方法(附demo源码下载)
Mar 30 PHP
验证token、回复图文\文本、推送消息的实用微信类php代码
Jun 28 PHP
PHP中file_put_contents追加和换行的实现方法
Apr 01 PHP
解决form中action属性后面?传递参数 获取不到的问题
Jul 21 PHP
php中文乱码问题的终极解决方案汇总
Aug 01 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
php和js交互一例-PHP教程,PHP应用
2007/01/03 PHP
php使用fputcsv()函数csv文件读写数据的方法
2015/01/06 PHP
php替换字符串中间字符为省略号的方法
2015/05/04 PHP
浅谈PHP中Stream(流)
2015/06/08 PHP
PHP排序算法之基数排序(Radix Sort)实例详解
2018/04/21 PHP
JQGrid的用法解析(列编辑,添加行,删除行)
2013/11/08 Javascript
网站接入QQ登录的两种方法
2014/07/22 Javascript
select隐藏选中值对应的id,显示其它id的简单实现方法
2016/08/25 Javascript
JS作用域闭包、预解释和this关键字综合实例解析
2016/12/16 Javascript
Vue.js基础学习之class与样式绑定
2017/03/20 Javascript
jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一
2017/05/26 jQuery
node.js中path路径模块的使用方法实例分析
2020/02/13 Javascript
python访问mysql数据库的实现方法(2则示例)
2016/01/06 Python
Python 正则表达式的高级用法
2016/12/04 Python
python实现淘宝秒杀聚划算抢购自动提醒源码
2020/06/23 Python
python中的json总结
2018/10/11 Python
Windows系统Python直接调用C++ DLL的方法
2019/08/01 Python
Python 安装 virturalenv 虚拟环境的教程详解
2020/02/21 Python
如何使用html5与css3完成google涂鸦动画
2012/12/16 HTML / CSS
爱游人:Travelliker
2017/09/05 全球购物
爱尔兰领先的在线体育用品零售商:theGAAstore
2018/04/16 全球购物
Java的类与C++的类有什么不同
2014/01/18 面试题
汽车专业毕业生自荐信
2013/11/03 职场文书
教师研修随笔感言
2014/01/23 职场文书
公司门卫管理制度
2014/02/01 职场文书
西门豹教学反思
2014/02/04 职场文书
移交协议书
2014/08/19 职场文书
暑期培训心得体会
2014/09/02 职场文书
大学军训自我鉴定大全
2014/09/18 职场文书
2015年银行大堂经理工作总结
2015/04/24 职场文书
2015年全国保险公众宣传日活动方案
2015/05/06 职场文书
二审答辩状格式
2015/05/22 职场文书
2016春季幼儿园小班开学寄语
2015/12/03 职场文书
广告策划的实习心得体会总结!
2019/07/22 职场文书
go语言-在mac下brew升级golang
2021/04/25 Golang
看完这篇文章获得一些java if优化技巧
2021/07/15 Java/Android