我创建了一个python flask web-server,到目前为止只需要将收到的数据打印到屏幕上。我正在使用HTML / javascript制作带有按钮的网页。按下按钮时,JS应该使用AJAX向python服务器发送HTTP post请求。我得到了网页和连接服务器(我知道因为我收到的是200个代码,而不是“没有JSON对象'错误”),但是服务器似乎没有收到邮件请求。相反,它以HTTP 200 OPTIONS响应。我需要做什么才能将json对象发送到服务器?
这是网络服务器:
from random import randint
import time
import datetime
import json
import decimal
from flask import Flask, jsonify, abort, request, make_response, url_for
app = Flask(__name__, static_url_path="")
#standard error handlers
@app.errorhandler(400)
def bad_request(error):
return make_response(jsonify({'error': 'Bad request'}), 400)
@app.errorhandler(404)
def not_found(error):
return make_response(jsonify({'error': 'Not found'}), 404)
@app.route('/api/data', methods=['POST'])
def post_data():
data = json.loads(request.data)
print data
print 'here'
return jsonify({'result': 'true'}), 201
if __name__ == '__main__':
app.run(debug=True)
这是简单的网页:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<title>My jQuery JSON Web Page</title>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
JSONTest = function() {
var resultDiv = $("#resultDivContainer");
$.ajax({
url: "http://localhost:5000/api/data",
type: "POST",
dataType: "json",
contentType: 'application/json; charset=utf-8',
data: JSON.stringify({apiKey: "23462"}),
success: function (result) {
switch (result) {
case true:
processResponse(result);
break;
default:
resultDiv.html(result);
}
},
error: function (xhr, ajaxOptions, thrownError) {
alert(xhr.status);
alert(thrownError);
}
});
};
</script>
</head>
<body>
<h1>My jQuery JSON Web Page</h1>
<div id="resultDivContainer"></div>
<button type="button" onclick="JSONTest()">JSON</button>
</body>
</html>
答案 0 :(得分:1)
这可能会有所帮助:
@app.route('/api/data', methods=['POST', 'OPTIONS'])
def post_data():
if request.method == 'OPTIONS':
headers = {
'Access-Control-Allow-Origin': '*',
'Access-Control-Allow-Methods': 'POST, GET, OPTIONS',
'Access-Control-Max-Age': 1000,
'Access-Control-Allow-Headers': 'origin, x-csrftoken, content-type, accept',
}
return '', 200, headers
data = json.loads(request.data)
print data
print 'here'
return jsonify({'result': 'true'}), 201