利用AJAX实现鼠标悬浮获取值的代码
2009-12-04 00:00
477 查看
客户端代码mouseover.php
服务器端代码:
mouseover_check.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"; } ?>
相关文章推荐
- PHP 利用AJAX获取网页并输出的实现代码(Zjmainstay)
- AJAX实现鼠标悬浮获取值
- PHP 利用AJAX获取网页并输出的实现代码(Zjmainstay)
- 利用 :before :after伪类实现鼠标悬浮动画效果
- JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码
- GridView的几个事件(如实现: 行的双击/单击/捕捉键盘按键/鼠标悬浮/移出效果)(示例代码下载)
- AjaxPro.NET实现TextBox智能获取服务端数据功能(Asp.net 2.0)(示例代码下载)
- AjaxPro.NET实现TextBox智能获取服务端数据功能(Asp.net 2.0)(示例代码下载) 转载
- js获取鼠标点击的位置实现思路及代码
- 利用JavaScript实现鼠标在文字上悬浮时弹出悬浮层
- 获取鼠标在div中的相对位置的实现代码
- Asp.net 2.0 GridView的几个事件(如实现: 行的双击/单击/捕捉键盘按键/鼠标悬浮/移出效果)(示例代码下载)
- java利用htmlparser获取html中想要的代码具体实现
- 获取鼠标在div中的相对位置的实现代码
- Js和JQuery获取鼠标指针坐标的实现代码分享
- ajax 异步获取数据实现代码 (js创建ajax对象)