如果我使用 html 表单（不是 ajax），则获取服务器的响应代码或返回值

Question

我正在为我的网络应用程序使用以下网络技术： HTML JS、CSS 和 appweb 服务器。

我正在创建一个登录页面。我当然有一个表格，用户名和密码的值是使用 jquery post 发送的。如果用户的用户名和密码正确，服务器端代码会将用户重定向到登录页面，比如“/MyPage.html”。如果输入无效，服务器将发送一个 json 格式的数据，如下所示：

{"error":"用户名或密码无效"}

这不起作用，因为根据我正在使用的服务器的支持，“浏览器不会基于 301/302 重定向到 ajax 请求。”

所以我别无选择，只能使用 html 提交表单。 这是我删除所有 css 的登录表单。

<form action="/usr/login" method="post">
username: <input type="text" name="username" "><br>
Password: <input type="password" name="password" ><br>
<button>Sign in</button>
</form>

这是jquery代码，想看的朋友可以看看。

$.ajax({ 
   url:"/user/login", 
   type:"POST", 
   data: { 
      username : document.getElementById("username").value,     
      password : document.getElementById("password").value  
   }, 
   error:function(xhr, status){     
      if (xhr.status == "401") { 
         document.getElementById("invalid").innerHTML='<div class="alert alert-danger" role="alert">Invalid ID or password.</div>';     
         document.getElementById("password").value = "";    
      }else if (xhr.status == "404") {      
         document.getElementById("invalid").innerHTML='<div class="alert alert-danger" role="alert">Page not found.</div>';     
         document.getElementById("password").value = "";    
      }else{        
         document.getElementById("invalid").innerHTML="";   
      }  
  } 
});

1) 如果不使用 ajax，我如何知道（客户端）输入是否无效？ 2）考虑到限制，是否可以获得服务器的响应代码？怎么样？

Answer 1

假设您知道您将从服务器获得的确切消息，您可以从您从服务器获得的 json 字符串中提取它并进行常规比较以检查它。

   error:function(xhr, status)
         {     
           var json    = xhr.responseText;
           var jsonObj = JSON.parse(json);
           var msg     = jsonObj.error;  

             if (msg == "Invalid username or password") 
             {  
                 // your code to set the innerHTML or javascript to perform redirection
             }
         } 

希望对您有所帮助！