学向勤中得,萤窗万卷书。这篇文章主要讲述系统入门深度学习,直击算法工程师m相关的知识,希望能为你提供帮助。
download:??系统入门深度学习,直击算法工程师??后台代码都是应用的
1.【get方式】运用jquery的get json与后台交互
前端js代码片段
?
12345678 | var data= https://www.songbingjia.com/android/{ a : $( input[name="a"] ).val(), b : $( input[name="b"] ).val() } $.getJSON($SCRIPT_ROOT + /_add_numbers ,data, function (data) { $( #result ).text(data.result);
$( input[name=a] ).focus().select();
});
|
?
123456 | # ajax,Get方式与js交互(非表单)采用了flask框架@app.route(/_add_numbers)def add_numbers():
"""Add two numbers server side, ridiculous but well..."""
a = request.args.get( a , 0 , type = int )
b = request.args.get( b , 0 , type = int )
log.info(a)
log.info(b) return jsonify(result = a + b) |
上面的例子用ajax方式,前端代码如下
?
1234567891011121314151617181920212223 | var data= https://www.songbingjia.com/android/{
a : $( input[name="a"] ).val(),
b : $( input[name="b"] ).val()
} { #$.getJSON($SCRIPT_ROOT + /_add_numbers,data, function(data) {#} { #$(#result).text(data.result);
#} { #$(input[name=a]).focus().select();
#} { #});
#}
$.ajax({
type: get ,
url: $SCRIPT_ROOT + /_add_numbers ,
data: data,
contentType: application/json;
charset=UTF-8 ,
dataType: json ,
success: function (data) {
$( #result ).text(data.result);
$( input[name=a] ).focus().select();
},
error: function (xhr, type,xxx) {
alert( error )
}
});
|
?
123456 | # ajax,Get方式与js交互(非表单)@app.route(/_add_numbers)def add_numbers():
"" "Add two numbers server side, ridiculous but well..." ""
a = request.args.get( a , 0, type=int)
b = request.args.get( b , 0, type=int)
log.info(a)
log.info(b) return jsonify(result=a + b) |
前端js如下
?
1234567891011121314151617181920 | function testmethod ()
{
alert( rabbit );
var data = https://www.songbingjia.com/android/{
"name" : "test"
}
$.ajax({
type: POST ,
url: /login ,
data:data,
contentType: application/json;
charset=UTF-8 ,
dataType: json ,
success: function (data) {
$( #result ).text(data.username);
},
error: function (xhr, type) {
alert( error )
}
});
} |
?
12345 | # ajax ,post方式与js交互(表单提交) @app.route( /login ,methods=[ POST ]) def login():
log.info( lalal )
return jsonify(username= xixi ,pwd= 123 ) |
实质上,前端与后端交互都是经过json完成的
至于表单提交,就不需求写js了,在form表单里面有有一个submit类型按钮,点击时,会自动提交到后台对应的路由上停止处置。关于表单提交,后台能够用
?
1 | s=request.form.get( username ,None) |
实例扩展:
python运用flask与js停止前后台交互的例子
flask与js停止前后台交互代码如下,后台给前端发数据:
python局部:
?
12345678910111213141516171819202122232425262728 | 【系统入门深度学习,直击算法工程师m】# -*- coding: utf-8 -*- from flask import
|