PythonDjango中实现前后端数据交互

时间:2019-08-26 来源: 历史

  实现数据交互有两种方法,分别是form表单和ajax数据交互。这两种方法各有利弊。

  form表单的方法使用如下:

  在前端:

  

  action里填的是数据传输的url路径,在urls.py中需要有该路径,跳到views.py中对应的方法中。

  

  在后端:在views.py对应的方法中,通过form表单中的控件的name,得到控件的值,然后携带数据跳转到其他页面。

  

  从前端获得数据后携带数据跳转到其他页面

  ajax方法使用如下:

  在前端,需要在控件里触发一个onclick函数:

  

  触发数据交互函数的按钮

  然后,在函数中使用ajax获得textarea控件中的值。

  

  ajax函数

  同样,也是通过url填写数据的传输路径,在urls.py中根据相应路径跳转到对应的views方法,将data传递到后台中。success函数中是后台成功传到数据到前台才会触发的动作,我这里的动作是继续跳转到另一个页面。

  

  urls.py中的路径

  

  总结:form表单和ajax都可以实现前后端数据的交互,唯一不同的是,ajax可以实现页面的无动态刷新,因为ajax原本就是将数据传到后台,再由后台将数据传回到原页面,只是局部刷新数据,所以a jax跳转到其他页面,步骤略微要繁杂一些。而form表单则是从前端获得数据,然后后台实现将数据传递到其他页面,所以必定会有页面的全部刷新。

  

  是小橙子呀

  2019.08.21 21:54

  字数 416

  实现数据交互有两种方法,分别是form表单和ajax数据交互。这两种方法各有利弊。

  form表单的方法使用如下:

  在前端:

  

  action里填的是数据传输的url路径,在urls.py中需要有该路径,跳到views.py中对应的方法中。

  

  在后端:在views.py对应的方法中,通过form表单中的控件的name,得到控件的值,然后携带数据跳转到其他页面。

  

  从前端获得数据后携带数据跳转到其他页面

  ajax方法使用如下:

  在前端,需要在控件里触发一个onclick函数:

  

  触发数据交互函数的按钮

  然后,在函数中使用ajax获得textarea控件中的值。

  

  ajax函数

  同样,也是通过url填写数据的传输路径,在urls.py中根据相应路径跳转到对应的views方法,将data传递到后台中。success函数中是后台成功传到数据到前台才会触发的动作,我这里的动作是继续跳转到另一个页面。

  

  urls.py中的路径

  

  总结:form表单和ajax都可以实现前后端数据的交互,唯一不同的是,ajax可以实现页面的无动态刷新,因为ajax原本就是将数据传到后台,再由后台将数据传回到原页面,只是局部刷新数据,所以a jax跳转到其他页面,步骤略微要繁杂一些。而form表单则是从前端获得数据,然后后台实现将数据传递到其他页面,所以必定会有页面的全部刷新。

  实现数据交互有两种方法,分别是form表单和ajax数据交互。这两种方法各有利弊。

  form表单的方法使用如下:

  在前端:

  

  action里填的是数据传输的url路径,在urls.py中需要有该路径,跳到views.py中对应的方法中。

  

  在后端:在views.py对应的方法中,通过form表单中的控件的name,得到控件的值,然后携带数据跳转到其他页面。

  

  从前端获得数据后携带数据跳转到其他页面

  ajax方法使用如下:

  在前端,需要在控件里触发一个onclick函数:

  

  触发数据交互函数的按钮

  然后,在函数中使用ajax获得textarea控件中的值。

  

  ajax函数

  同样,也是通过url填写数据的传输路径,在urls.py中根据相应路径跳转到对应的views方法,将data传递到后台中。success函数中是后台成功传到数据到前台才会触发的动作,我这里的动作是继续跳转到另一个页面。

  

  urls.py中的路径

  

  总结:form表单和ajax都可以实现前后端数据的交互,唯一不同的是,ajax可以实现页面的无动态刷新,因为ajax原本就是将数据传到后台,再由后台将数据传回到原页面,只是局部刷新数据,所以a jax跳转到其他页面,步骤略微要繁杂一些。而form表单则是从前端获得数据,然后后台实现将数据传递到其他页面,所以必定会有页面的全部刷新。

新闻排行
  1.   能够拥有世界遗产其实也是国际对于一个国家的历史文化、自然资源的一种认可,所以向来都有各国世界遗产数量的排名,但其中也有一些非常独特的存在,那就是一个世界遗产同时属于不同的国家。这样的地方虽然不止

      能够拥有世界遗产其实也是国际对于一个国家的历史文化、自然资源的一种认可,所以向来都有各国世界遗产数量的排名,但其中也有一些非常独特的存在,那就是一个世界遗产同时属于不同的国家。这样的地方虽然不止...

  2. 这么多年以来,太多人见证了冯提莫的成长,看着她从那个懵懂青涩的小女孩,一步一步不断的走向成熟。自出道以来,她经受了太多的波折,成长路上的心酸只有她自己知道。就像那句“从崩溃到自我和解,我成长了”,她

    这么多年以来,太多人见证了冯提莫的成长,看着她从那个懵懂青涩的小女孩,一步一步不断的走向成熟。自出道以来,她经受了太多的波折,成长路上的心酸只有她自己知道。就像那句“从崩溃到自我和解,我成长了”,她...

  3.   很多人喜欢动物,因为它们有的非常可爱,有的则非常威风,大象则是兼具两种特质的动物,成年大象体型庞

      很多人喜欢动物,因为它们有的非常可爱,有的则非常威风,大象则是兼具两种特质的动物,成年大象体型庞...

  4.   2019-08-1507:56:22精彩评车  虽然这些年来我们国家经济发展的非常的好,但是现在城市里面生活的人们,可以说是压力是越来越大了,很多的人每一天都得承受着繁重的工作和生活压力。有时候

      2019-08-1507:56:22精彩评车  虽然这些年来我们国家经济发展的非常的好,但是现在城市里面生活的人们,可以说是压力是越来越大了,很多的人每一天都得承受着繁重的工作和生活压力。有时候...

  5.   ?    图片发自简书App  “我没等来你的搭讪。”  岁月在光阴里流逝,创业几十年,一晃,已然成为过去。退休后,我陡然发觉我并非穷得一无所有,至少我还拥有健康,曲意逢迎,奴颜婢色的下海经商日

      ?    图片发自简书App  “我没等来你的搭讪。”  岁月在光阴里流逝,创业几十年,一晃,已然成为过去。退休后,我陡然发觉我并非穷得一无所有,至少我还拥有健康,曲意逢迎,奴颜婢色的下海经商日...

  6.     酸辣拌鸡胗  食材:鸡胗10个(200克)酸豆角200克新鲜红椒1颗姜蓉5克蒜蓉5克大葱碎5克盐1/4小匙米?

        酸辣拌鸡胗  食材:鸡胗10个(200克)酸豆角200克新鲜红椒1颗姜蓉5克蒜蓉5克大葱碎5克盐1/4小匙米?...

  7. 一个是名门之后,一个是宠妃外戚;一个如父祖般能力卓越、却也缺点多多,一个建功虽少、依靠亲缘却也得到将军之位。同样都是因无法战胜敌人而选择投降,最后的结局却千差万别,选择与机遇,究竟是什么决定了李陵和

    一个是名门之后,一个是宠妃外戚;一个如父祖般能力卓越、却也缺点多多,一个建功虽少、依靠亲缘却也得到将军之位。同样都是因无法战胜敌人而选择投降,最后的结局却千差万别,选择与机遇,究竟是什么决定了李陵和...

  8. ?    说到何鸿燊,我相信没有人会不知道这个澳门风云人物。他在大陆的名气也很大,如今这位赌王已经98岁了,年纪很大了,很多人会好奇他的生活是什么样的。    这样一位跟大多数人不同的人生经历的人,光

    ?    说到何鸿燊,我相信没有人会不知道这个澳门风云人物。他在大陆的名气也很大,如今这位赌王已经98岁了,年纪很大了,很多人会好奇他的生活是什么样的。    这样一位跟大多数人不同的人生经历的人,光...

  9.   最近遇到好多包装的问题,有的是“注册”了国外的商标做国产,有的是“学习”了国外的包装,有的其实是

      最近遇到好多包装的问题,有的是“注册”了国外的商标做国产,有的是“学习”了国外的包装,有的其实是...

  10. ...

友情链接