Maison > Article > interface Web > Ajax demande de manière asynchrone à la souris de quitter le problème de la zone de texte de saisie
Ajax demande de manière asynchrone à la souris de quitter le problème de la zone de texte de saisie
- 一个新手original
- 2017-09-20 09:24:422137parcourir
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ajax1</title>
<script>
//创建浏览器对象
function createXhr(){
//判定浏览器类型处理第一种方法
/* var xhr;
var str=window.navigator.userAgent;
if(str.indexOf('MSIE')>0){
xhr=new ActiveXObject('Microsoft.XMLHTTP');
}else{
xhr=new XMLHttpRequest();
}
return xhr;
*/
try{
return new ActiveXObject('Microsoft.XMLHTTP');
}catch(e){
}
try{
return new XMLHttpRequest();
}catch(e){
}
};
//获得id属性值简单分装方法
function $(id){
return document.getElementById(id);
};
window.onload=function(){
$('username').onblur=function(){
var username=$('username').value;
var xhr=createXhr();
xhr.onreadystatechange=function(){
if(xhr.readyState==4&&xhr.status==200){
};
}
xhr.open("get","/ajax2?username="+username);
xhr.send(null);
}
};
</script>
</head>
<body>
用户名:<input type="text" name="username" id="username"/>
</body>
</html>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn