如何写一个注册页面

目标实现用户注册功能

• 用户提交用户名和密码
• users.json里就新增了一行数据

思路

1. 前端写一个form，让用户填写name和password

<form id="registerForm">
    <div>
        <label>用户名<input type="text"name="name"></label>
    </div>
    <div>
        <label>密码<input type="password"name="password"></label>
    </div>
    <div>
        <button type="submit">注册</button>
    </div>
</form>
复制代码

2. 前端监听submit事件,前端发送请求，数据位于请请求体

<script >
    const $form = $('#registerForm')
    $form.on('submit',(e)=>{
        e.preventDefault()
        const name = $form.find('input[name=name]').val()
        const password = $form.find('input[name=password]').val()
console.log(name,password)
$.ajax({
    method:'POST',
    url:'/register',
    contenttype:'text/json; charset=UTF-8',
    data:JSON.stringify({name,password})
})
    })
</script>
复制代码

3.后端接收post请求

4.后端获取请求体中的name和password
5.后端存储数据