Python实例---抽屉后台框架分析

1.1. 抽屉框架分析 --登陆注册分析

image

imageimageimageimageimageimageimage

1.2. 前台获取form表单补充知识：

<!DOCTYPE html>
<html lang="en">
<head>    <meta charset="UTF-8">   </head>
<body>
    <form id="form_Id">
        <input type="text" id="user1">
        <input type="text" id='user2'>
        <input type="text" id='user3'>
    </form>
</body>
    <script src="/static/jquery-2.1.4.min.js"></script>
    # 方式一： 利用for循环，根据id来分别获取值
    <script>
        $.ajax({
            url: '/test/',
            data: {'user1': $("#user1").val(), 'user2': $('#user2').val(), 'user3': $('#user3').val()}
            type: 'post',
            success: function () {
                // 省略
            }
        })
    </script>
    # 方式二[推荐]：利用form的id来进行序列化输出所有
    <script>
        $.ajax({
            url: '/test/',
           data: $("#form_Id").serialize(),  // 可以直接获取form里面所有元素的值，以Key_Value形式
            type: 'post',
         #  traditional: true,  //适用于select里的多选情况，此时里面是一个数组{'hobby':[1,2,3,4]}
            success: function () {
                // 省略
            }
        })
    </script>
</html>

另：

<select>
    <option>123</option>
    <option>456</option>
    <option>789</option>
</select>
如果select是单选择的，可以直接利用  $("#form_Id").val()来获取值
--------------------------------------------------------------
<select multiple="3">
    <option>123</option>
    <option>456</option>
    <option>789</option>
</select>
如果select是多选的，有multiple属性，则需要在ajax里面添加【traditional：true】参数

 

posted @ 2018-08-02 22:35  小a玖拾柒  阅读(488)  评论(0)  编辑  收藏  举报