菜小鱼初次使用 ajax，想前端提交数据，后端处理后，将结果以弹框的形式展示，在网上查看了好多，不停的调试，终于调通了

html：

 <html>

 <head></head>

 <body>

 <form class="formXXX1" method="post">

 <br class="formXXX2" />

 <div class="form-group">

 <label for="

 telephone14">手机号: <input class="form1" type="iphone" id="a" name="a" maxlength="11" placeholder="请输入11位合法手机号" /> </label>

 </div>

 <div class="example-box">

 <label>&nbsp;环境:</label>

 <label class="radio"> <input type="radio" id="b" name="b" value="0" checked="" /><span>b1</span> </label>

 <label class="radio"> <input type="radio" id="b" name="b" value="1" /><span>b2</span> </label>

 </div>

 <br />

 <div class="form-group">

 <button class="btn btn-primary" type="button" id="notify">提交</button>

 </div>

 </form>

 </body>

 </html>

js：

 //路径根据实际路径填写

 <script type="text/javascript" src="static/js/jquery.min.js"></script>

 <script type = "text/javascript" >

 $('#notify').on('click',

 function() {

 //取变量

 var b= $("input[name='b']:checked").val(); //单选框取值

 var a= $('#a').val();

 var data = {

 data: JSON.stringify({

 'a': a,

 'b': b

 }),

 }

 //小于11位提示

 if (a.length != 11) {

 alert('手机号小于11位，请重新输入');

 return;

 }

  //ajax 提交数据

 $.ajax({

 type: "POST",

 dataType: "json",

 url: "/aaa",//后端请求

 data: data,

 success: function(result) {

 console.log(result);

 {

 alert('3333' + result);

 }

 },

 error: function (result) {

 console.log(result);

 {

 alert(result);

 }

 }

 });

 })

 </script>

flask：

 @app.route('/aaa',methods=['POST'])

 def aaa():

     data = json.loads(request.form.get('data'))

     a= data['a']

     b= data['b']

     print (a,b)

     # msg = bbb(a, b)#调用 bbb方法拿返回值

     msg =a,b

     return jsonify(msg)

图例：

参考：博文https://www.cnblogs.com/wanghaonull/p/6340491.html

flask中使用ajax 处理前端请求 弹框展示的更多相关文章

  1. flask中使用ajax 处理前端请求，结果展示在同一页面，不点击页面不展示

    在同一页面点击按钮,后端处理后展示在同一页面,不点击隐藏该结果:与上一篇大同小异,需要在 html.flask.js微调 效果展示: (未点击查询) (点击查询) html: <html> ...

  2. flask中使用ajax 处理前端请求，每隔一段时间请求不通的接口，结果展示同一页面

    需求: flask中使用ajax 处理前端请求,每隔一段时间请求不通的接口,结果展示同一页面 用到 setTimeout方法,setTimeout(function(){},1000):setTime ...

  3. flask中使用ajax 处理前端请求，每隔一段时间请求一次

    需求: flask中使用ajax 处理前端请求,每隔一段时间请求一次,并展示在页面 使用 setInterval(function(){},1000)方法 结果展示: html:(test.html) ...

  4. Android填坑系列：在小米系列等机型上放开定位权限后的定位请求弹框

    背景: 近期因实际项目需要,在特定操作下触发定位请求,取到用户位置及附近位置. 问题: 经初步选型,最终决定接入百度定位,按照百度定位SDK Android文档,接入过程相对顺利.但随后发现,在小米系 ...

  5. Three.js中的div标签跟随(模型弹框)

    目录 Three.js中的div标签跟随(模型弹框) 参考官方案例 核心渲染器 用法 注意事项 Three.js中的div标签跟随(模型弹框) 参考官方案例 核心渲染器 three.js-master ...

  6. 3.0+百度地图在地图初始化的时候就弹框展示一个信息框，而不是用户点击poi时才弹出

    有些时候我们会有这样的业务:当用户根据地址跳转到地图后,希望能够立即弹框展示该poi的地址信息. 实现方法: 百度地图3.0+的类BaiduMap中提供了一个方法showInfoWindow(Info ...

  7. Laravel中的ajax跨域请求

    最近接触Laravel框架ajax跨域请求的过程中遇到一些问题,在这里做下总结. 一开始发起ajax请求一直报500错误,搜索相关资料后发现Laravel要允许跨域请求可以加入Cors中间件,代码如下 ...

  8. Asp.Net Mvc4 Ajax提交数据成功弹框后跳转页面

    1.cshtml页面代码 @model Model.UserInfo @{     ViewBag.Title = "Edit"; var options = new AjaxOp ...

  9. django_jquery中使用ajax发送post请求变成get请求

    今天在进行js开发的过程中出现了一个奇怪的问题,就是使用ajax向后端发送post请求时,在浏览器network中查看response时,显示400 bad request 并且请求方式变成get,因 ...

随机推荐

  1. 使用mysql连接django时，需要的步骤以及错误解决办法

    django默认使用的sqlite3,更改为SQL时需要按照如下操作进行 1.在settings.py中的78行进行更改 DATABASES = { 'default': { 'ENGINE': 'd ...

  2. input回退禁止

    //处理键盘事件 禁止后退键(Backspace)密码或单行.多行文本框除外 function forbidBackSpace(e) { var ev = e || window.event; //获 ...

  3. IntelliJ IDEA - 查找代码提交人

    转载. https://blog.csdn.net/abcyyjjkk/article/details/88995503 如果Annocation不可用

  4. JAVA线程中的发牌题

    发牌题主要考虑的就是线程的问题,一个buffer缓冲区的问题, 首先,发牌的优先级当然是最高的了,但是取牌不能有优先级,否则会一直有牌先取,因此需要一个信号量order,当order=线程的数字时,取 ...

  5. 高可用etcd集群（三节点） + ssl双向认证

    # etcd下载地址 https://github.com/etcd-io/etcd/tags wget https://github.com/etcd-io/etcd/releases/downlo ...

  6. golang之方法

    golang中的方法是作用在指定的数据类型上的(即:和指定 数据类型绑定),因此自定义类型,都可以有方法,而不仅仅是在struct. 方法的使用: type Person struct { Num i ...

  7. PAT甲级题分类汇编——理论

    本文为PAT甲级分类汇编系列文章. 理论这一类,是让我觉得特别尴尬的题,纯粹是为了考数据结构而考数据结构.看那Author一栏清一色的某老师,就知道教数据结构的老师的思路就是和别人不一样. 题号 标题 ...

  8. 【HC89S003F4开发板】 1环境搭建

    HC89S003F4开发板环境搭建 一.概述 芯圣电子做活动,一个开发板只用一块钱,买过来玩玩.︿(￣︶￣)︿ 全套资料可以在论坛或qq群里下载.总之先安装个环境先. 二.安装Keil C51 作为增 ...

  9. Luogu5400 CTS2019随机立方体（容斥原理）

    考虑容斥,计算至少有k个极大数的概率.不妨设这k个数对应的格子依次为(k,k,k)……(1,1,1).那么某一维坐标<=k的格子会对这些格子是否会成为极大数产生影响.先将这样的所有格子和一个数集 ...

  10. 封装函数（累计和、K型、金字塔）

    // 假设有个函数,只要传参数进去,就能统计累加的结果 function test($n){ if($n==1){ return 1; } return $n+test($n-1);}echo tes ...