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中
    }
  }
}

时间: 2024-10-21 18:38:41

AJAX 输入框后写提示的相关文章

Javascript实现提示错误的信息直接出现在输入框后

可以在输入框后加个<span id="error"></span>,当验证错误时这样处理document.getElementById('error').innerText="请输入正确信息";

转 mvc项目中,解决引用jquery文件后智能提示失效的办法

mvc项目中,解决用Url.Content方法引用jquery文件后智能提示失效的办法 这个标题不知道要怎么写才好, 但是希望文章的内容对大家有帮助. 场景如下: 我们在用开发开发程序的时候,经常会引用jquery, 但是由于路由的关系,最终访问页面的地址相对js文件来说,是不固定的. 为了在view中能够引用到jquery文件,我们通常都是用如下的代码 <script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")

基于jQuery的input输入框下拉提示层(自动邮箱后缀名)

基于jQuery的input输入框下拉提示层,方便用户输入邮箱时的提示信息,需要的朋友可以参考下 效果图 // JavaScript Document (function($){ $.fn.extend({ "changeTips":function(value){ value = $.extend({ divTip:"" },value) var $this = $(this); var indexLi = 0; //点击document隐藏下拉层 $(docum

数据库还原后一直提示正在还原

问题:数据库还原后一直提示正在还原 解决方法: 新建查询中执行: restore database 学校教务系统 with recovery 脚本,然后刷新数据库就可以空单到数据库节点学校教务系统里面的内容了. restore database datebasename with recovery  其中databasename是正在还原的数据名字 刷新下数据库就出现了节点信息了,还原状态就消失了. 如果一个数据库备份到另外一个电脑或者服务器,建议使用还原数据库.不要采用新建数据库,然后再还原数

Java基础-接口.编写2个接口:InterfaceA和InterfaceB;在接口InterfaceA中有个方法void printCapitalLetter();在接口InterfaceB中有个方法void printLowercaseLetter();然 后写一个类Print实现接口InterfaceA和InterfaceB,要求 方法 实现输出大写英文字母表的功能,printLowerca

#34.编写2个接口:InterfaceA和InterfaceB:在接口InterfaceA中有个方法void printCapitalLetter():在接口InterfaceB中有个方法void printLowercaseLetter():然 后写一个类Print实现接口InterfaceA和InterfaceB,要求      方法 实现输出大写英文字母表的功能,printLowercaseLetter()方法实现输出小写英文 字母表的功能.再写一个主类E,在主类E的main方法中创建P

使用jqplot创建报表(一) 初学后写的第一个案例源码

一.初学后写的第一个案例源码 效果图: 代码如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ include file="common.jsp"%> <html> <head> <script type="text/javascript" src=&q

CSS禁止Chrome谷歌浏览器激活输入框后自动添加橘黄色边框

Chrome默认会为所有的输入框加上橘黄色的边框,虽然有时候可以使我们的网站看起来更友好,但对自定义的样式是有影响的.当鼠标点击输入框时,在谷歌chrome浏览器中,光标移到输入框时激活输入框会被加上橘黄的边框,鼠标光标移开输入框后被加橘黄色边框消失.这个谷歌浏览器自动为输入框加css样式非常不美观影响效果,这里介绍解决在谷歌浏览器中禁止被激活输入框加橘黄色样式. 例如做了一个圆角框的input输入框,如果没有对边框focus时的属性做任何休息,Chrome将默认加上一个正方形的边框,无视你将i

Silverlight安装成功后,提示安装

Silverlight安装成功后,提示安装. 解决方法1: 刷新浏览器,重新打开. 解决方法2: 打开>控制面板>添加删除程序>找到Sliverlight那个,卸载它就对了,那些 Sliverlight SDK 不用管它,然后再安装你的 SliverLight.exe OK 搞定!! 解决方法3: 打开“设置”--“安全”--“Axtive X筛选”前面的勾,去掉. 解决方法4: 浏览器的“属性”--“快捷方式”--“高级”,"用管理员身份运行"前打钩.确定就OK了.

jquery ajax请求方式与提示用户正在处理请稍等,等待数据返回时loading的显示

1.jquery ajax请求方式与提示用户正在处理请稍等 为了提高用户体验度,我们通常会给出 “正在处理,请稍等!”诸如此类的提示.我们可通过设置$.ajax()下的参数beforeSend()来实现 初次使用$.ajax() ,我没有去区分过ajax的异步请求和同步请求的不同,刚开始使用同步请求,以至后来出现许多问题,特别在体验度方面.异步和同步:同步意味着执行完一段程序才能执行下一段,它属于阻塞模式,其表现在网页上的现象是——浏览器会锁定页面(即所谓的页面假死状态),用户不能操作其它的,必