jquery ajax 登录 java_JQuery中使用Ajax实现诸如登录名检测等异步请求Demo

1 23

45

6">7'>

8

9 $(function() {

10 $("#username").blur(function() {

11 var uname = $("#username").val();

12 $.ajax({

13 //要请求的服务器url

14 url : "/jqueryTest/JQueryServlet",

15 //表示请求参数的对象,参数:val=uname

16 data : {

17 val : uname

18 },

19 //是否为异步请求

20 async : true,

21 //是否缓存结果

22 cache : false,

23 //请求方式

24 type : "POST",

25 //服务器返回的是什么类型

26 dataType : "json",

27 //函数会在服务器执行成功时被调用,参数result就是服务器返回的值

28 success : function(result) {

29 /* if (result) {

30 $("#nameLabel").text("输入正确");

31 } else {

32 $("#nameLabel").text("用户名不存在");

33 } */

34 $("#nameLabel").text(uname+result.info);

35 }

36 });

37 });

38 });

39

40

41

42

43

44

45 用户名

47

48　　　密 码:

51

52