首页 > web前端 > js教程 > 正文

解决ajax返回验证的时候总是弹出error错误的方法

亚连
发布: 2018-05-24 11:29:28
原创
2794人浏览过

这篇文章主要介绍了解决ajax返回验证的时候总是弹出error错误的方法,感兴趣的小伙伴们可以参考一下

发一个简单案例:
前台:

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

53

54

55

56

57

58

59

60

61

62

63

64

65

66

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

 <head>

   <title>用户登录</title>

   <script type="text/javascript" src="../js/jquery-easyui-1.3.5/jquery.min.js"></script>

   <script type="text/javascript" src="../js/jquery-easyui-1.3.5/jquery.easyui.min.js"></script>

   <link rel="stylesheet" href="../js/jquery-easyui-1.3.5/themes/default/easyui.css" type="text/css"></link>

   <link rel="stylesheet" href="../js/jquery-easyui-1.3.5/themes/icon.css" type="text/css"></link>

   <script type="text/javascript" src="../js/jquery-easyui-1.3.5/locale/easyui-lang-zh_CN.js"></script>

   <meta http-equiv="content-type" content="text/html;charset=UTF-8" />

   <script type = "text/javascript" charset = "UTF-8">

   $(function(){

     var loginDialog;

     loginDialog = $('#loginDialog').dialog({

       closable : false , // 组件添加属性:让关闭按钮消失

       //modal : true, //模式化窗口

       buttons : [{

         text:'注册',

         handler:function(){

             

         }

       },

       {

         text:'登录',

         handler:function(){

            $.ajax({

             url:'../servlet/Login_Do',

             data :{

                name:$('#loginForm input[name=name]').val(),

                password:$('#loginForm input[name=password]').val()

               },

             dataType:'json',

             success:function(r){

              //var dataObj=eval("("+data+")");

               alert("进来了");

             },

             error:function(){

               alert("失败");

             }  

               

           });

            //alert(data)

         }

       }]

     });

   });

   </script> 

 </head>

 <body style=”width:100%;height:100%;" >

    <p id = "loginDialog" title = "用户登录" style = "width:250px;height:250px;" >

      <form id = "loginForm" method = "post">

        <table>

        <tr>

          <th>用户名 :</th>

          <td><input type = "text" class = "easyui-validatebox" data-options="required:true" name = "name"><br></td>

        </tr>

        <tr>

          <th>密码: </th>

          <td> <input type = "password" class = "easyui-validatebox" data-options="required:true" name = "password"><br></td></td>

        </tr>

        </table>

      </form> 

    </p>

 </body>

</html>

登录后复制

 后台:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

public class Login_Do extends HttpServlet {

  public void doGet(HttpServletRequest request, HttpServletResponse response)

      throws ServletException, IOException {

      this.doPost(request, response);

  }

  public void doPost(HttpServletRequest request, HttpServletResponse response)

      throws ServletException, IOException {

    request.setCharacterEncoding("UTF-8"); 

    response.setCharacterEncoding("UTF-8");

    String name =request.getParameter("name");

    String password = request.getParameter("password");

    String js = "{\"name\":name,\"password\":password}";

    PrintWriter out = response.getWriter();

    JSONObject json = new JSONObject();

    json.put("name",name);

    out.print(json.toString());

    response.getWriter().write(json.toString());

  }

}

登录后复制

 点击登录时:

解决办法:弹出error信息一般有两种可能:
第一种:url错误,后台直接得不到值
可以用火狐的firebug查看:如果响应了信息,则不是这个问题,那么就有可能是第二种情况
返回数据类型错误:
在我这个例子中,返回的数据无意中打印了两次,这两句删去一句就好了:

1

2

out.print(json.toString());

response.getWriter().write(json.toString());

登录后复制

造成了错误。这时在firebug显示的信息是:

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

完美解决ajax跨域请求下parsererror的错误

ajax提交手机号去数据库验证并返回状态值

AJAX +SpringMVC 实现bootstrap模态框的分页查询功能

以上就是解决ajax返回验证的时候总是弹出error错误的方法的详细内容,更多请关注php中文网其它相关文章!

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号