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

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】参数

Python实例---抽屉后台框架分析的更多相关文章

  1. Python实例---抽屉热搜榜前端代码分析

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. Python遗传算法工具箱DEAP框架分析

    本文主要介绍python遗传算法工具箱DEAP的实现.先介绍deap的如何使用,再深入介绍deap的框架实现,以及遗传算法的各种实现算法. 代码可以参考 https://github.com/suma ...

  3. SSH框架总结(环境搭建+框架分析+实例源码下载)

    一.SSH框架简介 SSH是struts+spring+hibernate集成的web应用程序开源框架. Struts:用来控制的,核心控制器是Controller. Spring:对Struts和H ...

  4. python+requests接口自动化测试框架实例详解

    python+requests接口自动化测试框架实例详解   转自https://my.oschina.net/u/3041656/blog/820023 摘要: python + requests实 ...

  5. python实例编写（6）--引入unittest测试框架，构造测试集批量测试（以微信统一管理平台为例）

    ---恢复内容开始--- 一.python单元测试实例介绍 unittest框架又叫PyUnit框架,是python的单元测试框架. 先介绍一个普通的单元测试(不用unittest框架)的实例: 首先 ...

  6. Android/Linux下CGroup框架分析及其使用

    1 cgroup介绍 CGroup是control group的简称,它为Linux kernel提供一种任务聚集和划分的机制,可以限制.记录.隔离进程组(process groups)所使用的资源( ...

  7. python三大web框架Django,Flask,Flask，Python几种主流框架，13个Python web框架比较，2018年Python web五大主流框架

    Python几种主流框架 从GitHub中整理出的15个最受欢迎的Python开源框架.这些框架包括事件I/O,OLAP,Web开发,高性能网络通信,测试,爬虫等. Django: Python We ...

  8. Django,Flask,Tornado三大框架对比，Python几种主流框架，13个Python web框架比较，2018年Python web五大主流框架

    Django 与 Tornado 各自的优缺点Django优点: 大和全(重量级框架)自带orm,template,view 需要的功能也可以去找第三方的app注重高效开发全自动化的管理后台(只需要使 ...

  9. [python 译] 基于面向对象的分析和设计

    [python 译] 基于面向对象的分析和设计 // */ // ]]>   [python 译] 基于面向对象的分析和设计 Table of Contents 1 原文地址 2 引言 2.1 ...

随机推荐

  1. HUE配置文件hue.ini 的pig模块详解（图文详解）（分HA集群和非HA集群）

    不多说,直接上干货! 一.默认的pig配置文件 ########################################################################### ...

  2. 032-IDUtils 工具类模板

    模板一: package cn.e3mall.common.utils; import java.util.Random; /** * 各种id生成策略 * @title:IDUtils * @des ...

  3. 《python灰帽子》学习笔记：写一个windos 调试器（一）

    一.开发内容介绍 为了对一个进程进行调试,你首先必须用一些方法把调试器和进程连接起来.所以, 我们的调试器要不然就是装载一个可执行程序然后运行它, 要不然就是动态的附加到一个运行的进程.Windows ...

  4. maven在pom文件中添加你想要的jar包

    概述:POM 文件里面的依赖jar包经常需要添加, 仅需要在google中代码查找 :maven 你需的jar包名称 repository 用了Maven,所需的JAR包就不能再像往常一样,自己找到并 ...

  5. UTF-8编码

    UTF-8是UNICODE的一种变长度的编码表达方式<一般UNICODE为双字节(指UCS2)>,它由Ken Thompson于1992年创建,现在已经标准化为RFC 3629.UTF-8 ...

  6. 深入redis内部--字典实现

    redis的字典定义和实现在dict.h和dict.c文件中. 1.字典结构 typedef struct dict { dictType *type; //定义了字典需要的函数 void *priv ...

  7. VFL子视图居中

    今天做UI用VFL适配在View上添加一个图片想让指定宽高的图片居中显示,我用下面的代码想着能实现可是出来的效果并没有居中. UIImageView *headView=[[UIImageView a ...

  8. 从0开始整合SSM框架--2.spring整合mybatis

    依赖:<properties> <!-- spring版本号 --> <spring.version>4.1.3.RELEASE</spring.versio ...

  9. Java 防SQL注入过滤器（拦截器）代码

    原文出自:https://blog.csdn.net/seesun2012 前言 浅谈SQL注入:        所谓SQL注入,就是通过把SQL命令插入到Web表单提交或输入域名或页面请求的查询字符 ...

  10. webpack 报错 No PostCSS Config found 解决方案。

    webpack 报错 No PostCSS Config found  这个问题我在百度上找了好久,也没有找到解决方案,最后没有办法只能自己去啃官方文档,本案例在本人的webpack 学习感悟中已经写 ...