中等
技术面试0 次浏览

设计一个简单的前端页面,实现用户输入用户名和密码,点击登录按钮后,将输入的信息通过 AJAX 请求发送到后端接口(假设接口地址为 /login),并根据后端返回的结果(成功或失败)给出相应的提示。

微软中国前端工程师
前端开发AJAX表单提交

答题要点

推荐答题框架:采用分层分析法,分为 HTML 结构、CSS 样式和 JavaScript 交互三层。关键要点:1. HTML 部分:创建包含用户名输入框、密码输入框和登录按钮的表单。2. CSS 部分:对表单元素进行简单的样式设计,提高用户体验。3. JavaScript 部分:监听登录按钮的点击事件,获取用户输入的信息,使用 AJAX 发送 POST 请求到 /login 接口,根据返回结果显示提示信息。示例思路:在 HTML 中创建表单,用 CSS 设置表单样式,在 JavaScript 中使用 XMLHttpRequest 或 fetch API 发送请求,若返回状态码为 200 则提示登录成功,否则提示失败。