zoukankan      html  css  js  c++  java
  • AJAX 输入框后写提示

    //XMLHttpRequest,但是这个对象只是在火狐,Google。。。
    //在中国用的最广泛的IE浏览器里面里没有这个对象的
    //在IE里面是用的一个控件来解决这个问题,ActiveXObject
    //所以我们在解决对象的时候做出的判断,其实就是判断浏览器而已
    var xmlHttp;   //声明变量
    function getXmlHttp(){
      //先获取对象
      if(window.ActiveXObject){
        xmlHttp = new ActiveXObject("MICROSOFT.XMLHTTP");
      }else if(window.XMLHttpRequest){
        xmlHttp = new XMLHttpRequest();
      }
      //判断是否得到对象xmlHttp
      if(!xmlHttp){
        alert("没有获取到对象!");
        return;
      }
      // else{
      // alert("得到了对象");
      // }
    }

    function sendParam(url){
      getXmlHttp();
      //由于javascript是没有办法连接数据库的,多以需要通过后台语言
      //结合来连接数据库,那门这里就是吧js从界面获取的值,传递给后台程序
      //xmlHttp.open()其实也就是链接到一个后台程序,把值传递过去
      //这是第一步
      xmlHttp.open("GET","check.php?user="+url,true); //打开链接
      // setRequestHeader("Content-Type","application/x-www-form-urlencoded");   //如果用的是post请求就要用这句

      //这是第三步
      //这一步是第一个回调函数,回调函数其实就和打电话代办事情差不多
      //这个回调函数其实就是状态改变的时候,js应该做什么事情
      xmlHttp.onreadystatechange = getTxt;
      //也可以写成匿名函数
      /*xmlHttp.onreadystatechange = function(){
        if(xmlHttp.readyState == 4){
          if(xmlHttp.status == 200){
            var sp = document.getElementById("tishi");  //输入页面中输入框后id为tishi的span
            sp.innerHTML = xmlHttp.responseText;
          }
        }
      }*/

      //注意open()方法就仅仅只是打开链接,并没有传递,所以需要send方法
      //这是第二步
      xmlHttp.send(null); //传递参数,值,必写
    }


    function getTxt(){ //页面上显示函数
      if(xmlHttp.readyState == 4){
        if(xmlHttp.status == 200){
          var sp = document.getElementById("tishi");   
          sp.innerHTML = xmlHttp.responseText;   //把获取的内容显示在输入框后的span中
        }
      }
    }

  • 相关阅读:
    Centos 7 安装jdk 配置环境变量
    【转载】C#检测客户端输入的内容是否含有危险字符串
    【转载】C#将图片以二进制流的方式存入数据库
    【转载】为何你的网站一直不被百度、搜狗、谷歌等搜索引擎收录
    【转载】目前国内主流的云服务器厂商有哪些
    【转载】阿里云服务器为网站选配Https证书
    【转载】网站遭遇DDoS攻击怎么办
    使用的阿里云服务器被黑客入侵怎么办
    HTTP状态码以及其含义大全
    Url的Base64编码以及解码
  • 原文地址:https://www.cnblogs.com/Waiting-for-you/p/3716900.html
Copyright © 2011-2022 走看看