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

阅读更多 登录后自动展开
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页