前端与后端的数据交互(jquery ajax+python flask)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端与后端的数据交互(jquery ajax+python flask)相关的知识,希望对你有一定的参考价值。

参考技术A 如果要给后端传递json数据,就需要增加content-type参数,告诉后端,传递过来的数据格式,并且需要将data转为字符串进行传递。实际上,服务端接收到后,发现是json格式,做的操作就是将字符串转为json对象。
另外,不转为字符串,即使加了content-type的参数,也默认会转成 name=xx&age=1,使后端无法获取正确的json

接收表单数据

接收Json数据

Flask可以非常方便的返回json数据

看一下源码就可以知道,jsonify就是帮我们做了点添加mimetype这样的杂事,所以如果不嫌麻烦和难看,你也可以这样写

放两张截图来直观看一下请求

前端与后端有哪几种ajax交互方法

首先,关于前后端 的数据交互方法,ajax自己算一种。

如果是想问ajax的交互属性,那么 有四种:

GET,POST,PUT,DELETE

被提倡使用的是GET和POST。

然后,如果是想问前后端的数据交互方法的话,那有至少5种

          1. HTML赋值(输出到 Element 的 value 或 data-name)
          2. JS赋值(将数据填充到 `<script>` 的 JavaScript 变量声明中。)
          3. script填充JSON (填充 JSON 数据到 `<script>` 标签中,前端通过 DOM 获取 JSON字符串并解析成对象。)
          4. AJAX获取JSON
          5. WebSocket实时传输数据(如果将 AJAX请求和响应比喻成给服务器发短信和等待服务器回复短信,而 WebSocket 就如同和服务器打电话)

参考技术A 你说的“哪几种”该不是GET、POST等这些Restful方法吧?

以上是关于前端与后端的数据交互(jquery ajax+python flask)的主要内容,如果未能解决你的问题,请参考以下文章

前端与后端有哪几种ajax交互方法

前端与后端的交互(定义接口)

jQuery Ajax 前端和后端数据交互的问题

前端jQuery使用ajax与后端Servlet进行数据交互

怎么看前端有没有展示后端的数据

前后端交互,后端与后端交互中文乱码