flask接收前台的ajax的数据

html

  

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>        <link rel="stylesheet" href="/static/css/index.css">

<script src="/static/js/jquery.min.js"></script></head><body><input type="text" name="usernam" id="username"><input type="password" name="password" id="password"><button id="btn">点击</button><script>    $(function(){        $("#btn").click(function(){            var username=$(‘#username‘).val();            var password=$(‘#password‘).val();            var data= {                data: JSON.stringify({                    ‘username‘: username,                    ‘password‘: password                }),            }                $.ajax({                url:‘http://localhost:7999/sendAjax2‘,                type:‘POST‘,                data:data,                dataType: ‘json‘,                success:function(res){                    console.log(res)                    console.log(0)

},                error:function (res) {                    console.log(res);                    console.log(1)                }

})        })    })</script></body></html>
@app.route(‘/sendAjax2‘, methods=[‘POST‘])
def sendAjax2():
    # password = request.form.get(‘password‘)
    # username = request.args.get(‘username‘)

    data = json.loads(request.form.get(‘data‘))
    username = data[‘username‘]
    password = data[‘username‘]
    print (username)
    print (password)
    return "46575"

  

时间: 2025-01-18 08:08:36

flask接收前台的ajax的数据的相关文章

flask接收前台的form数据

html 记得访问从服务里打开 表单html 不能直接打开表单html

后台接收前台传入的json 数据

引入JSONArray的类型为org.json而不是net.sf.json,笔者开始引入的是net.sf.json.JSONArray, 但JSONObject.fromObject(obj)时报错报java.lang.reflect.InvocationTargetException错误. 解决很久未果,偶然看一网友说用org.json比net.sf.json好用,就试了下.在此给大家提供个参考. 提示 :使用下面方式需要引入包 JSONArray jsonArray = new JSONAr

asp.net core webapi Post接收不到ajax请求数据

用的是core2.2 内容摘自 https://bbs.csdn.net/topics/392708657 在core里面FromBody对应的是application/json或xml这种格式FromForm对应的www-for或者form-data这种格式 apiController这个貌似是2.1开始才有的不加ApiController的话,默认是FromForm,加了默认是FromBody 如果加了ApiController的话post方法的参数需要加上FromForm [HttpPos

jQuery 中 ajax 提交数据应用的一个小demo

举一个jquery中ajax的应用小 demo 便于以后的更多项目拓展 ,这里要注意的是保存的文件名问题 ... ajax02.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="form&qu

springmvc和easyui使用ajax前台后台互传数据,假删除提示警告问题。

前台 //删除 多/单条数据 function del(cid){ var id=''; if(cid=='-1'){ if(getSelections().length > 0){ id=getSelections(); }else{ $.messager.alert("提示", "请选择要删除的行", "error"); return; } }else{ id=cid; } var arr =id.split(":"

解决部分浏览器ajax提交数据,数据已改变,却后台数据接收数据还是上一次值的问题

最近在工作中遇到了QQ浏览器ajax提交数据,表单数据改变,却后台数据接收数据还是上一次值的问题,但是在其它浏览器中是正常的. 代码如下: $.ajax({ url : "<%=path%>/secretkey/uploadKey", async:false, type : 'post', data : { merKey : $('#merKey').val(), keyType : $('#keyType').val(), type : $('#type').val()

【spring 注解 错误】使用controller 作为后台给前台ajax交互数据出错

controller作为后台与前台的ajax进行交互,后台的方法处理完成返回一个boolean类型的值,想传给前台用来判断是否执行成功,BUT,问题来了: 1 严重: Servlet.service() for servlet rest threw exception 2 java.lang.IllegalArgumentException: Unknown return value type [java.lang.Boolean] 3 at org.springframework.util.A

跟我一起学extjs5(31--加入模块和菜单定义[4前台通过ajax来调用数据与展示])

跟我一起学extjs5(31--加入模块和菜单定义[4前台通过ajax来调用数据与展示]) 上一节已经把到现在为止的后台做好了,启动tomcat ,在浏览器中打入网址:http://localhost:8888/app/applicationinfo.do,就可以取得系统参数值.下面看一下在chrome调试器中的结果. 到此为止,后台暂告一段落,又要开始对前台的extjs的程序进行修改了. 首先要修改的是MainModel.js,在此js文件中加入构造函数: constructor : func

EF5(7) 后台使用SelectListItem传值给前台显示Select下拉框;mvc后台Action接收浏览器传值的4种方式; 后台Action向前台View视图传递数据的四种方式

一:后台使用SelectListItem 传值给前台显示Select下拉框 我们先来看数据库的订单表,里面有3条订单,他们的用户id对应了 UserInfo用户表的数据,现在我们要做的是添加一个Order控制器,显示订单列表,并且在修改订单的时候,把用户的id 用 select 下拉框显示出来,并且可以提交修改数据   1.1 我们通过比较原始的方法,来把数据 传递到前台后,前台使用  循环来显示 select 并且显示是哪个元素被选中 我们在前台的cshtml中,使用 @model 命令 指定