• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    利用AJAX实现鼠标悬浮获取值的代码
    客户端代码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 二级级联菜单实现代码
    下一篇:javascript ajax功能函数
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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