• flask-日料网站搭建-ajax传值+返回json字符串


    引言:想使用python的flask框架搭建一个日料网站,主要包含web架构,静态页面,后台系统,交互,今天教大家实现ajax操作,返回json。

    本节知识:jquery,json,ajax

    python环境:python2.7,flask,以及flask相关的库(没有列完,如果运行manage.py时提示未安装的库安装就ok了。)

    ----example.html    ajax访问后端 我用的jquery,所以使用时需引入jquery

    function show_user_msg(id){
            //alert(id);
            $.getJSON('/admin/get_user',{id:id}, function(msg){
                //获取用户信息    
                msg = JSON.parse(msg[0]);
                console.log(msg);
                $('.edit_user input[name="id"]').val(msg.id)
                $('.edit_user input[name="username"]').val(msg.username);
                $('.edit_user input[name="password"]').val(msg.password);
                $('.edit_user input[name="repassword"]').val(msg.password);
                $('.edit_user input[name="email"]').val(msg.email);
                $('.edit_user input[name="phone"]').val(msg.phone);
                //$(".edit_user select[name='power']").find("option:contains("+msg.power+")").attr("selected",true);
                $(".edit_user select[name='power']").find("option[value="+msg.power+"]").attr("selected",true);
            });    
        }

    定义了一个函数,调用这个函数就会ajax访问/admin/get_user ,传入变量id, msg代表后端返回的信息。

    如果对jquery不太了解可以去百度下这个$.getJSON这个函数,先不管这个,先去看试图定义的/admin/get_user

    ------views.py

    ###获取编辑用户的数据
    @main.route('/admin/get_user', methods=['GET'])
    def Get_user():
        if request.method =='GET' and  request.args:
            ##获取get参数
            id =  int(request.args.to_dict().get('id'))
            ##开始查询数据信息
            data = Admin.get_user_info(Admin(),id)
            

    data正是orm获取的数据(<Admin 1>),但是不能直接把数据传到html里面,会报错。

    于是我打算将这种类型的数据转换成json数据,我们要用到的库是marshmallow,直接pip安装即可。

    先新建一个配置文件serializers.py 和models.py在同一目录。

    -----serializers.py

    # -*- coding: utf-8 -*-
    from marshmallow import Schema, fields
    
    
    ###admin表
    class AdminSchema(Schema):
        id = fields.Int()
        username = fields.Str()
        email = fields.Email()
        password = fields.Str()
        power = fields.Int()
        phone = fields.Str()

    然后在views.py里面修改下。

    ##引入文件
    from ..serializers import AdminSchema
    ###获取编辑用户的数据
    @main.route('/admin/get_user', methods=['GET'])
    def Get_user():
        if request.method =='GET' and  request.args:
            ##获取get参数
            id =  int(request.args.to_dict().get('id'))
            ##开始查询数据信息
            data = Admin.get_user_info(Admin(),id)
            schema = AdminSchema()
            result = schema.dumps(data)
            return jsonify(result)

    这样返回的类似json字符串东西,然后在js里面讲json字符串转换称json数组。

    返回的数据由msg接住,对msg进行处理。

     msg = JSON.parse(msg[0]);

    然后就可以使用msg了。

      

  • 相关阅读:
    Java-使用IO流对大文件进行分割和分割后的合并
    Java-单向链表算法
    Java-二分查找算法
    Java-二叉树算法
    Java-对象比较器
    Android中Activity的四种开发模式
    Struts2工作原理
    C++实现单例模式
    数组中有一个数字出现的次数超过数组的一半,请找出这个数字
    c++ enum用法【转】
  • 原文地址:https://www.cnblogs.com/shuangzikun/p/taotao_python_flask_json.html
走看看 - 开发者的网上家园