个人中心
gpt4 book ai didi

javascript - Python Flask 网络服务器未接收到 JSON ajax POST 请求，服务器返回 HTTP 200 OPTIONS 而不是 201 POST

转载 作者：行者123 更新时间：2023-11-30 16:10:09 25 4
gpt4 key购买 nike

我已经创建了一个 python flask 网络服务器，它现在只需要将它接收到的数据打印到屏幕上。我正在使用 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>

最佳答案

这可能有帮助:

@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

关于javascript - Python Flask 网络服务器未接收到 JSON ajax POST 请求，服务器返回 HTTP 200 OPTIONS 而不是 201 POST，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36381111/

25 4 0
文章推荐： javascript - 使用 cookie 时 for 循环中的 If/Elseif 语句问题 (javascript)
文章推荐： javascript - 如何在javascript中获取特定子字符串后的子字符串
文章推荐： c - 如何将 mvprintw 与指向字符串的指针数组一起使用
文章推荐： javascript - jQuery AJAX GET 请求调用不正确
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com