download:DDD(畛域驱动设计)思维解读及优良实际python和js交互调用的方法后盾代码都是利用的1.【get方法】使用jquery的get json与后盾交互前端js代码片段var data= {'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();});后端pthon代码如下
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)2.【万能形式】使用jquery的ajax与后盾交互,设置不同的参数,可能get也可能post下面的例子用ajax形式,前端代码如下var data= {'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 ')}});后盾代码不便依然是
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)
...