Flask与ajax（jQuery）交互的几种方法：$.post、$.get、$.getJSON 、$.ajax、 $.load

最新推荐文章于 2024-07-29 18:21:08 发布

xiemanR

最新推荐文章于 2024-07-29 18:21:08 发布

阅读量1.6w

点赞数

分类专栏： Flask

本文链接：https://blog.csdn.net/xiemanR/article/details/53812535

版权

该博客详细介绍了如何使用jQuery的$.post、$.get、$.getJSON、$.ajax和$.load方法与Flask后端进行数据交互。通过示例代码展示了前端index.html与Flask的run.py配合，实现不同AJAX请求的使用场景。提供了一个完整的代码示例库链接供下载参考。

摘要由CSDN通过智能技术生成

本文介绍jQuery封装的几种ajax方法与Flask后端交互的实现。jQuery封装的ajax方法有post、get、getJSON、ajax、load等，使用起来很方便。

目录结构如下：

|--|
   |--run.py
   |--static
      |--test.txt
   |--templates
      |--index.html

前端代码如下：

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Jquery Ajax Test</title>
    <script src="https://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
    </script>
<script>
$(document).ready(function(){
   $(".btn1").click(function(){
      $.get("/mystring",function(data, status){
         alert("数据: " + data + "\n状态: " + status);
      });
   });

    $(".btn2").click(function(){
      $.get("/mydict",function(data, status){
         alert("name: " + data.name + " age:" + data.age);
      });
   });

    $(".btn3").click(function(){
      <

最低0.47元/天解锁文章

xiemanR

关注

0
点赞
踩
16

收藏

觉得还不错? 一键收藏
1
评论
Flask与ajax（jQuery）交互的几种方法：$.post、$.get、$.getJSON 、$.ajax、 $.load

本文介绍jQuery封装的几种ajax方法与Flask后端交互的实现。jQuery封装的ajax方法有post、get、getJSON、ajax、load等，使用起来很方便。
复制链接

扫一扫

专栏目录