无法通过AJAX调用发送登录信息请求

时间:2016-03-17 08:04:20

标签: javascript html ajax

我正在尝试获取用户输入的user_ID和密码并将其发送到服务器。这是我的Javascript代码;

    <script>

    function Display(){
        var ID = document.getElementById("user_id").value;
        document.getElementById("user_id_D").innerHTML =  ID;

        var pass = document.getElementById("password_id").value;


       var login = "login:" + ID + "-" + pass;
       document.getElementById("password_id_D").innerHTML =  login;

        var request = new XMLHttpRequest();
        request.onreadystatechange = function(){
          if(this.readyState === 4){
            if (this.status === 200) {
              if (this.responseText !== null) {
          }
             }
        }
        };  
        request.open("GET",login, true);
        request.send(null);

       }
    </script>

HTML(Bootstrap):

      <form class="form col-md-12 center-block">
        <input type="text" id="user_id" placeholder="User ID">
        <input type="password" id="password_id" placeholder="Password">
        <button onclick="Display()">Sign In</button>
      </form>

当我写下我的ID和密码并按下SignIn按钮时,浏览器在“request.open(”GET“,login,true)行显示错误”NS_ERROR_UNKNOWN_PROTOCOL:“;” ......可能的原因是什么?

2 个答案:

答案 0 :(得分:0)

请检查此代码

 request.open("GET",login, true);

第二个参数是有效的URI 。您还可以通过URL或http POST方法中的数据附加登录信息。

答案 1 :(得分:0)

我让它工作了,实际上我在发出登录请求之前错过了“/”。现在我发送

request.open("GET",login, true); 

我的'登录'请求是;

var login = "/login:" + ID + "-" + pass;