V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
MMMcrystal
V2EX  ›  jQuery

初学者在做做登陆界面使用 jQuery ajax()方法时直接出现 error, XMLHttpRequest.status=0,XMLHttpRequest.readyState=0,textStatus=error

  •  
  •   MMMcrystal · 2019-08-25 15:50:55 +08:00 · 4759 次点击
    这是一个创建于 1677 天前的主题,其中的信息可能已经有所发展或是发生改变。
    因为使用了登录页面的模板,把 button 的 type 改为 button,但还是有问题

    是在一个 wifi 里进行访问的

    以下为 body 的代码

    <body class="bg-primary">

    <div class="unix-login">
    <div class="container-fluid">
    <div class="row justify-content-center">
    <div class="col-lg-6">
    <div class="login-content">
    <div class="login-logo">
    <a href="index.html"><span>Focus</span></a>
    </div>
    <div class="login-form">
    <h4>Administratior Login</h4>
    <form>
    <div class="form-group">
    <label>用户名</label>
    <input id="name" type="text" class="form-control" placeholder="用户名">
    </div>
    <div class="form-group">
    <label>密码</label>
    <input id="pwd" type="password" class="form-control" placeholder="密码">
    </div>
    <div class="checkbox">
    <label>
    <input type="checkbox"> Remember Me
    </label>
    <label class="pull-right">
    <a href="#">Forgotten Password?</a>
    </label>

    </div>
    <button id="loginbtn" type="button" class="btn btn-primary btn-flat m-b-30 m-t-30">登录</button>
    <div class="register-link m-t-15 text-center">
    <p>Don't have account ? <a href="#"> Sign Up Here</a></p>
    </div>
    </form>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>



    <script src="assets/js/lib/jquery.min.js"></script>
    <script>

    $(function(){

    $("#loginbtn").click(

    function (){

    var name=$("#name").val();//获取页面中登录名和密码

    var pwd=$("#pwd").val();

    if(name==""|| pwd==""){//判断两个均不为空(其他判断规则在其输入时已经判断)

    alert("账号密码均不能为空!")

    return false;

    }else{//以上均符合要求,则调用登录 esb 接口

    $.ajax({

    url:'192.168.0.163:8080/e-learning/login',//相对应的 esb 接口地址

    data:{"username":name,"password":pwd},//向服务器(接口)传递的参数

    type:'POST',

    dataType:'json',

    success:function(data){//服务器(接口)返回来的数据

    if(data.code==100){//如果返回来的信息说明提交的信息为正确的

    window.location.href='index.html';//正确登录后页面跳转至

    }

    else{//如果返回来的信息说明提供的信息为错误的

    alert(data.message);

    $("#name").val("");

    $("#pwd").val("");

    return false;

    }

    },
    error : function(XMLHttpRequest, textStatus, errorThrown) {
    alert("失败");
    console.log(XMLHttpRequest.status);
    console.log(XMLHttpRequest.readyState);
    console.log(textStatus);
    }

    })

    }

    }

    );

    })
    </script>

    </body>
    kltt22
        1
    kltt22  
       2019-08-25 18:24:40 +08:00 via Android
    f12 会有报错信息的
    guolaopi
        2
    guolaopi  
       2019-08-26 09:29:05 +08:00
    盲猜返回数据格式不是 JSON
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3578 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 00:10 · PVG 08:10 · LAX 17:10 · JFK 20:10
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.