简单的注册账号

我们先来看它的html结构

 是不是非常简单呢，但是一定要记住，一般这种需要往后台提交数据的，我们都需要用form表单将账号和密码包裹起来。而且，账号的input标签和密码的input标签，一定要有name属性，用来标记你提交到后台的到底是账号，还是密码。

我们再来看一下它在浏览器中打开的样子

 然后因为我们调用后台的接口，所以肯定要用到ajax，发起网络请求。所以这里我们使用了，jQuery内部提供的发起网络请求的方法post。因此，我们需要先调用一下jQuery这个框架才行，才能使用jQuery语法

 当然，在它的html结构里面，我没有给button这个按钮type属性，因为button按钮默认就有提交表单的能力，所以不设置也是可以提交表单的。

 紧接着，我又给这个表单监听了一个submit事件，就相当于给button按钮绑定了一个时间。当这个button按钮被点击的时候。就会触发这个事件，然后我们再去执行它里面的逻辑

 我们首先用到了jQuery选择器，拿到了这个表单，然后为他监听了这么一个事件。

后面便是一个post网络请求的语法了，它需要三个参数。第一个是url，第二个是请求体的参数username和password。第三个参数是，回调函数

 注意，第二个参数的写法比较复杂，需要我给详细的解释一下！

 这里面有关于属性选择器的知识，我们首先通过jQuery的语法。通过表单的id属性，拿到了form这个标签。又通过后面的属性，name=username，拿到了“请输入账号”这个表单，然后又通过它的val方法。拿到了表单里面放的value值。

我们再来看一下后台接口的说明文档！

 这个接口的意思是，请求这个接口时，必须要有请求体，username和password这两个参数！