ajax与djangoAPI接口交互

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

html内容

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

js内容

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

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

你可能感兴趣的:(python,javascript)