ajax与djangoAPI接口交互

数据正确解析在界面上。
    使用传统获取办法：
        let = document.getElementById('email').vaule
    虽然可行，但是ajax书写代码太冗余，所以采用jquery中的方法。
    用ajax方法，通过jquery中的serializeArray()方法，将form表单数据打包成一个数组，数组内部以键值对的方式（类似python字典）将form数据储存起来，方便发送，不用自己构建数据json。

• 1
• 2
• 3
• 4
• 5
• 6

html内容

<form>
    <input name='email'>
    <input name='password'>
    <button type='submit' id='btn'>注册</button>
</form>

• 1
• 2
• 3
• 4
• 5

js内容

let datas = $('form').serializeArray()
//datas是一个封装的数组
//数组测试实例如下
/*
[{name: "csrfmiddlewaretoken", value: "ylF5kDFfErmbSl58x9gRKBZeWC2fz9zoWWes23qrBibriSrGQiyJC7MfDMO99BPI"}, {name: "email", value: ""}, {name: "password", value: ""}, {name: "confirm", value: ""}, {name: "code", value: ""}]
*/

• 1
• 2
• 3
• 4
• 5
• 6

通过判断button的submit，用ajax发送form表单内容实现交互，通过原生js location.href=’url’方法实现跳转。

https://blog.csdn.net/weixin_35993084/article/details/80672655