使用Jquery$.ajax调用Flask[duplicate]上的服务器端函数

Question

我想使用Ajax调用一个服务器端函数。

我在这篇文章中找到了一个PHP的简单示例。我认为，如果我们能够包括这个同样的例子，社区将会有所改进，但对于Python/Flask MVC框架来说是如此。

这是视图端的ajax代码，称为test.html：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

<script>
function create () {
$.ajax({
url:"test1", //the page containing python script
type: "post", //request type,
dataType: 'json',
data: {registration: "success", name: "xyz", email: "[e-mail]"},
success:function(result){
console.log(result.abc);
      }
    });
   } 
</script>

这将是控制器上的Python代码：

@app.route('/test', methods=['GET','POST'])
    def test():
        return render_template("test.html", brand = brand)

@app.route('/test1', methods=['GET','POST'])
    def test1():
        if registration == "success":
            return json.dump({"abc":'successfuly registered'});

Answer 1

移除view函数的参数。Access使用request.form发布数据。使用jsonify返回JSON响应。视图必须从每个执行路径返回响应。

@app.route('/test1', methods=['GET', 'POST'])
def test1():
    if request.form.get('registration') == 'success':
        return jsonify({'abc': 'successfuly registered'})

    return jsonify({'abc': 'registration unsuccessful'})