码迷,mamicode.com
首页 > Web开发 > 详细

AJAX 简单例程示例

时间:2018-05-17 19:50:35      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:show   head   申请   microsoft   return   index   obj   res   ntb   

  • index.html

    <html>
    <head>    
    <script>
    function showHint(str)
    {
        if (str.length==0)
        {
            return;
        }
        if (window.XMLHttpRequest)
        {
            xmlhttp=new XMLHttpRequest();   // 申请一个  XMLHttpRequest 的 对象
        }
        else
        {
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange=function()
        {
            if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {
                //document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
                console.log(xmlhttp.responseText);
            }
        }
        xmlhttp.open("GET","gethint.php?q="+str,true);    // 打开,并传递一个数据过去,通过 GET 的方式
        xmlhttp.send();        // 发送
    }
    </script>
    
    <button onclick="showHint('date')"> test it </button>
    
    </head>
    <body>
    </body>
    </html>
  • gethint.php

      1 <?php
      2
      3 $q=$_GET["q"];   // 这里获取到上面的数据
      4
      5 echo $q;
      6 ?>

AJAX 简单例程示例

标签:show   head   申请   microsoft   return   index   obj   res   ntb   

原文地址:https://www.cnblogs.com/chenfulin5/p/9052710.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!