手机
当前位置:查字典教程网 >编程开发 >AJAX相关 >利用AJAX实现鼠标悬浮获取值的代码
利用AJAX实现鼠标悬浮获取值的代码
摘要:客户端代码mouseover.php复制代码代码如下:鼠标悬浮测试varxmlHttp;functioncreateXMLHttpReque...

客户端代码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";

}

?>

【利用AJAX实现鼠标悬浮获取值的代码】相关文章:

ajax后台处理返回json值示例代码

Ajax实现的异步传输与验证示例代码

用实现ajax读博客rss示例代码

利用ajax实现简单的注册验证局部刷新实例

Django框架利用ajax实现批量导入数据功能

AJAX 进度条实现代码

利用AJAX开源项目 在网页里播放视频实现方法

ajax+asp无限级分类树型结构的代码

Baidu Musicbox 用到的ajax代码

用AJAX实现的无刷新的分页实现代码(asp.net)

精品推荐
分类导航