核心提示:ajax与djangoAPI接口交互的代码实现在页面提交时,为了接收服务器返回的json数据,并将json数据正确解析在界面上。使用传统获取办法:let = document.getElementBy...
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’方法实现跳转。