之前写过一篇 处理 post 请求, 今天遇到 get 的, 有些参数处理不一样
post 请求的地址:
https://www.cnblogs.com/whycai/p/10914349.html
get 效果:
不一样的地方:
一, JS 中改成 get, 数据处理不一样
二, 后端拿到前端传的值不一样
form.get 改成 args.get
methods 换成 GET
完整的如下:
- 1.HTML(不变)
- <HTML>
- <head></head>
- <body>
- <form class="formXXX1">
- <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> 环境:</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>
2.JS
- //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();
- // 小于 11 位提示
- if (a.length != 11) {
- alert('手机号小于 11 位, 请重新输入');
- return;
- }
- //Ajax 提交数据
- $.Ajax({
- type: "GET",
- dataType: "json",
- url: "/aaa",// 后端请求
- data: {a:a,b:b},
- success: function(result) {
- console.log(result);
- {
- alert('3333' + result);
- }
- },
- error: function (result) {
- console.log(result);
- {
- alert(result);
- }
- }
- });
- })
- </script>
python:
- @App.route('/aaa',methods=['GET'])
- def aaa():
- a = request.args.get('a')
- b = request.args.get('b')
- print (a,b)
- # msg = bbb(a, b)# 调用 bbb 方法拿返回值
- msg =a,b
- return jsonify(msg)
来源: http://www.bubuko.com/infodetail-3354428.html