python - 使用 Appengine 用 python 解码 JSON

Question

我有以下代码从一个简单的 3 输入表单中检索值:

//retrieves data from a form
var $form = $( this ),
    prgname= $form.find('input[name="prg"]').val(),
    startDate = $("#startdate").datepicker({ dateFormat: 'yy-mm-dd' }).val(),
    endDate = $("#enddate").datepicker({ dateFormat: 'yy-mm-dd' }).val();

以下代码向服务器发送请求:

var request = $.ajax({
      url: "/prg/",
      type: "post",
  data: JSON.stringify({prg:  prgname, start:startDate, end:endDate}),
  contentType: 'application/json',
  dataType: 'json',
      success: function() {},
      error: function (jqXHR, textStatus, errorThrown){};

在服务器端使用 python 和 webapp2 我正在执行以下操作，(这是我不确定的地方)

import json

class PrgHandler(webapp2.RequestHandler):
    def post(self):
        prg= cgi.escape(self.request.POST['prg'])
        start_date = cgi.escape(self.request.POST['start'])
        end_date = cgi.escape(self.request.POST['end'])

        #some code to write to db here
        ....
        #if successful return a success message
        if success:
            success_msg = [{'class': 'success', 'msg': 'Successfully saved to the database'}]
        else:
            success_msg = [{'class': 'error', 'msg': 'Could not saved to the database'}]

        data_string = json.dumps(success_msg)
        self.response.headers.add_header('content-type', 'application/json', charset='utf-8')   
        self.response.write(data_string)

当我得到响应时，它会跳过成功函数并直接转到错误。

记录错误值我没有得到任何有意义的东西:

the error is:
The text status is:error
The jqXHR is:[object Object] 

Chrome 的控制台给我错误:

Resource interpreted as Document but transferred with MIME type application/json:

我查了一下，SO 上的解决方案不起作用，我认为这是服务器端代码的错误:

self.response.headers.add_header('content-type', 'application/json', charset='utf-8')

如果我注释掉上面的行，我在 chrome 中没有错误，我只是在一个空白页面上返回响应，其中包含以下格式的正确值:

[{"msg": "Successfully saved to the database", "class": "success"}]

在上面的例子中，它确实保存到数据库中，所以除了标题之外我似乎找不到任何错误，只是不知道如何继续!

编辑错误似乎来自服务器端我删除了以下行: event.preventDefault();

从我的脚本开始，它导致了所有问题，至少我现在清楚地知道问题出在哪里。这是由于错误地获取了发布的数据，我将如何以正确的方式进行操作？我尝试了以下方法:

json_data = self.request.GET.items()
decoded = json.loads(json_data)

但我在以下行中收到 TypeError: expected string or buffer : json_data = self.request.GET.items()

Answer 1

看看你的调试器。您在帖子中收到一个 JSON 字符串 (webapp2 multidict)。您必须使用 json.loads 解码此字符串，从而生成一个 python 对象。

这是我发送和接收 json 的 jquery 代码:

function gaeQuery(request) {
    var url = "/query";
    var payload = {'jsondata' : JSON.stringify(request)};
    $.post(
    url, 
    payload, 
    function(response) {
        procesResponse(response);
    },  // succes response callback 
    'json',  // response contains JSON content, and will be decoded in a js object
    {
        contentType: "application/json;charset=utf-8", // send JSON content
        timeout: 20000,
        tryCount: 0,
        retryLimit: 3, // max 3 retries             
        error: function(xhr, textStatus, errorThrown) { // error handling callback
            if (textStatus === 'timeout') {
                this.tryCount++;
                if (this.tryCount <= this.retryLimit) { //try again until retryLimit
                    $.ajax(this);
                    return;
                }
                alert('We have tried ' + this.retryLimit + ' times and it is still not working. We give in. Sorry.');
                return;
            }
            if (xhr.status === 500) { // internal server error
                alert('Oops! There seems to be a server problem, please try again later.');
            } 
            else {
                alert('Oops! There was a problem, sorry.'); // something went wrong
            }
        }
    }
    );
}