Django基础之简单的前后端交互

Posted qhdjh

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Django基础之简单的前后端交互相关的知识,希望对你有一定的参考价值。

学习Django有一段时间了,最近刚好写了一个小项目,用到了前后端交互,刚开始写前后端交互确实很让人头晕目眩呢,下面我来给大家介绍三种简单的Django前后端交互的方法吧!

第一种

通过form表单的get或post请求提交到后端的请求方式

<form>

  <input type=‘text‘ name=username>

</form>

 

技术图片

第二种

通过JS+a标签向后端请求的方式

当用户点击a标签时,他会去找到a标签对应的href属性,而我们这时只需要将要传递给后端的参数在JS里用‘?’拼接到url的路径的后面就好了

技术图片

技术图片

通过Django的request.GET或POST方法就能得到你前端请求的数据了

技术图片

第三种

如果不想用上面两种方式去写的话,我们也可以通过Ajax技术来向后端发送请求

非常简单的三行代码就可以给后端发送请求数据:

var xhr = new XMLHttpRequest();  
xhr.open("get",你要提交的服务器ip);
xhr.send();

# 注意:服务器ip和上面第二种方法类似都可以通过字符串拼接的方式来将要请求的参数放到url的路径后面

技术图片

好了,本次要分享的内容到此结束了!如果你有什么不懂的地方可以留言,看见了会答复哦!

 

以上是关于Django基础之简单的前后端交互的主要内容,如果未能解决你的问题,请参考以下文章

前后端分离之使用axios进行前后端交互实现评论显示——django+mysql+vue+element

Node之简单的前后端交互

一 . Vue+Django 前后端数据交互知识点

django之视图层

Django之入门 CMDB系统 前后端分离之后端

Vue之前后端交互