Rumah > hujung hadapan web > tutorial js > ajax异步请求鼠标离开输入文本框的问题

ajax异步请求鼠标离开输入文本框的问题

一个新手
Lepaskan: 2017-09-20 09:24:42
asal
2340 orang telah melayarinya

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

<%@ 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(&#39;MSIE&#39;)>0){

    xhr=new ActiveXObject(&#39;Microsoft.XMLHTTP&#39;);

 }else{

    xhr=new XMLHttpRequest();

 }

return xhr;

 */

 try{

      return new ActiveXObject(&#39;Microsoft.XMLHTTP&#39;);

  }catch(e){

   }

  try{

      return new XMLHttpRequest();

  }catch(e){

  }

    

};

//获得id属性值简单分装方法

function $(id){

      return document.getElementById(id);

};

window.onload=function(){

    $(&#39;username&#39;).onblur=function(){

        var username=$(&#39;username&#39;).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>

Salin selepas log masuk

Atas ialah kandungan terperinci ajax异步请求鼠标离开输入文本框的问题 . Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan