Ajax：JQuery调用ajax demo

最新推荐文章于 2022-04-11 08:27:30 发布

对抗路、余温

最新推荐文章于 2022-04-11 08:27:30 发布

阅读量1.2k

点赞数

分类专栏：后端开发文章标签： python flask

本文链接：https://blog.csdn.net/qq_24644517/article/details/123951917

版权

后端开发专栏收录该内容

19 篇文章 0 订阅

订阅专栏

1.编写访问的html文件-ajaxjq

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="/static/js/jquery-3.4.1.min.js"></script>
</head>
<body>
  <p>jquery 中使用 ajax</p>
  <a href="javascript:;">点击提交</a>
  <script>
    $(document).ready(function() {
        $('a').click(function () {
          $.ajax({
            url: 'http://127.0.0.1:5000/ajax/js',
            method: 'GET',
            data: {
                username: 'zhangsan',
                password: '123123'
            },
              /**
            success: function (res) {
              console.log(res)
              alert('成功了')
            },
            error: function () {
                alert('出错了')
            },
               **/
              complete: function() {
                alert('请求完成了')
              }
          })
        })
    })
  </script>
</body>
</html>

2.在app.py中编写视图函数

from flask import Flask, render_template, request

app = Flask(__name__)



@app.route('/ajax/js', methods=['GET', 'POST'])
def ajax_js():
    print(request.values)
    return 'js ajax', 200


@app.route('/ajax/jq')
def ajax_jq():
    return  render_template('ajaxjq.html')

3.启动项目，访问http://127.0.0.1:5000/ajax/jq,点击触发ajax调用