使用form的target属性实现post打开新窗口

html中form属性target取值

  • _blank 新窗口打开
  • _self 默认值本iframe打开
  • _parent 父iframe打开
  • _top 本窗口打开
  • framename指定iframe打开

利用form的target的_blank可以post方法打开新窗口,window.open是get方法打开新窗口

<html>

<head>
    <title>
        孙悟空
    </title>
    <script src="http://code.jquery.com/jquery-1.8.3.js" type="text/javascript"></script>
</head>

<body>
    <div>
        <div>信息</div>
        <br />
        <form action='/user/skill.do' method='post' target='_blank'>
            <input type='hidden' name='id' value='001' /> <br /><br />
            <span>名称&nbsp;</span><input type='text' name='name' value='孙悟空' /> <br /><br />
            <span>年龄&nbsp;</span><input type='text' name='age' value='500' /> <br /><br />
            <input type='submit' value='查看技能' /> <br />
        </form>
    </div>
    <script type="text/javascript">

    </script>
</body>

</html>

<!--template/skill.html-->
<html>

<head>
    <title>
        {{user.name}}
    </title>
    <script src="http://code.jquery.com/jquery-1.8.3.js" type="text/javascript"></script>
</head>

<body>
    <div>
        <div>{{user.name}}技能</div><br />
        {% for skill in user.skill %}
        <div>{{skill}}</div>
        {% endfor %}
    </div>
    <script type="text/javascript">

    </script>
</body>

</html>
  • 后端服务
from flask import Blueprint, jsonify, request, make_response, render_template, send_from_directory

user = {
    "001": {
        "id": "001",
        "password": "吃俺老孙一棒",
        "name": "孙悟空",
        "age": "500",
        "skill": ["七十二变", "火眼金睛"]
    },
    "002": {
        "id": "002",
        "password": "南无阿弥陀佛",
        "name": "唐三藏",
        "age": "30",
        "skill": ["紧箍咒"]
    },
}


def get_users_map():
    return user


def get_users():
    return [user for user in user.values()]


blue_user = Blueprint("blue_user", __name__)


@blue_user.route(rule="skill.do", methods=["POST"])
def user_skill():
    user_id = request.form["id"]
    return make_response(render_template("skill.html", user=user[user_id]))


__all__ = [get_users_map, get_users, blue_user]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值