当前位置:首页 > Web开发 > 正文

django中我们一般直接使用jQuery封装好的ajax模块 案例: ? 页面上有是三个input框

2024-03-31 Web开发

? Ajax并不是一门新的语言,它其实就是基于js写的一个成果模块而已

由于原生js书写ajax较为繁琐,django中我们一般直接使用jQuery封装好的ajax模块

案例:

? 页面上有是三个input框,一个按钮,,用户在前两个框中输入数字,点击按钮保证页面不刷新的情况下将数据发到后端做计算,再将计算好的功效发送给前端展示到第三个input框中

技术图片

ajax根基语法布局 $.ajax({ // 1. 到底朝哪个后端提交数据 url:'', // 控制数据的提交路径 (有三种要领,与form表单的action属性一致) // 2. 指定当前请求方法 type: 'xxx', // 3. 提交的数据 data: {1标签id:$('#1标签id').val(),2标签id:$('#2标签id').val()}, // 4. ajax是异步提交,所以需要给一个回调函数来措置惩罚惩罚返回的功效 success:function(data){// data就是异步提交的返回功效 // 将异步回调函数的功效通过DOM操纵衬着到第三个input框中 $(3标签id).val(data) } }) 实际应用: # urls.py中: url(r'^index/', viwes.index)

Index.html中:

技术图片

Views.py中:

技术图片

ajax提交数据的编码格局

ajax默认的是urlencoded编码格局

ajax还可以发送application/json格局:

前端:

技术图片

后端:

技术图片

技术图片

技术图片

技术图片

ajax发送文件:

不是使用formdata,而是使用内置东西FormData(即可以发普通键值对,也可以发送文件)

前端:

技术图片

技术图片

后端:

技术图片

技术图片

Django中ajax的根基用法

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/31778.html