欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

利用AJAX实现鼠标悬浮获取值的代码

程序员文章站 2023-12-23 09:06:04
客户端代码mouseover.php 复制代码 代码如下:
客户端代码mouseover.php
复制代码 代码如下:

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>鼠标悬浮测试</title>
</head>
<script type="text/javascript" language="javascript">
var xmlhttp;
function createxmlhttprequest(){
if(window.activexobject){
xmlhttp = new activexobject("microsoft.xmlhttp");
}
else if(window.xmlhttprequest){
xmlhttp = new xmlhttprequest();
}
}
function sendrequest(t){
var id = t.id
createxmlhttprequest();
var url = "mouseover_check.php?page=" +t.id ;
xmlhttp.onreadystatechange = callback;
xmlhttp.open('get',url,true);
xmlhttp.send(null);
}
function callback(){
if(xmlhttp.readystate == 4){
if(xmlhttp.status == 200){
document.getelementbyid("show").innerhtml = xmlhttp.responsetext;
}
}
}

</script>
<body>
<p>
<input type="text" value="here" id="1" onmouseover="sendrequest(this)" />
</p>
<p><br/>
<input type="text" value="haha" id="2" onmouseover="sendrequest(this)" />
</div>
</p>
<p></p>
<span id="show"></span>
</body>
</html>

服务器端代码：
mouseover_check.php
复制代码 代码如下:

<?php
header("content-type:text/html;charset=gb2312");
header("cache-control:no-cache,must-revalidate");
$name = $_get['page'];
if($name == '1'){
echo "111";
}
else{
echo "222";
}
?>

上一篇：

下一篇：

推荐阅读