Ajax在烧瓶中以意想不到的格式收到Json数据

时间:2015-01-15 19:17:19

标签: jquery python ajax json flask

您好我正在尝试将带有json数据的ajax post请求发送到烧瓶应用程序。尝试使用request.get_json()但它返回一个NoneType对象,但request.form返回字典。

我的json数据有点

var JsonData = {
    dd_token : "abcd" ,
    file_name : "abcd.mp4",
    configuration : [ { video : { aspect_ratio: 4:3, format :mp4 } ,
                        audio : { bitrate: 300 , format : mp3 }
                      },
                      { video : { aspect_ratio: 4:3, format :mp4 } ,
                        audio : { bitrate: 300 , format : mp3 }
                      },
                    ]
    email : 'abc@example.com'
};

这是我用Jsondata

的ajax post请求
$('#submit').click(function(event){
    event.preventDefault();
    JsonData.dd_token = data['dd_token'];
    JsonData.file_name = data['file'];
    JsonData.email = $('input[name="email"]').val();
    JsonData.configuration.push(JsonArr);
    var url= window.location.origin+'/post_job';
    $.ajax({
        url: url, 
        method : "POST" , 
        dataType: 'json',
        data : JsonData ,
        success:function(result){
            $("#div1").html(result);
        }});
});

这是我接收json数据的烧瓶路线

@app.route('/post_job',methods=['POST'])
def get_job():
  directory = generate_random()  
  json_put(request.form,os.path.join(directory,'convert_to.json'))
  return "Done"

def json_put(data, filename):
    try:
        jsondata = simplejson.dumps(data, indent=4, skipkeys=True, sort_keys=False)
        fobj = open(filename, 'w')
        fobj.write(jsondata)
        fobj.close()
    except Exception as e:
        print 'ERROR writing', filename
        print e
    return

这是jsondump

之后的文件内容
{
    "configuration[0][1][audio][audio_ff]": "mp3",
    "configuration[0][1][video][video_ff]": "mp4",
    "configuration[0][0][audio][audio_bps]": "100",
    "configuration[0][1][video][video_bps]": "200",
    "configuration[0][0][video][video_ff]": "mp4",
    "file_name": abcd.mp4",
    "configuration[0][0][audio][audio_ff]": "mp3",
    "configuration[0][1][audio][audio_bps]": "100",
    "configuration[0][0][video][video_bps]": "200",
    "configuration[0][1][video][video_fps]": "24",
    "configuration[0][0][video][res_width]": "320",
    "configuration[0][1][audio][audio_freq]": "30000",
    "configuration[0][0][video][res_height]": "240",
    "configuration[0][1][video][aspect_ratio]": "4:3",
    "configuration[0][1][video][res_width]": "320",
    "configuration[0][0][audio][audio_freq]": "30000",
    "configuration[0][1][video][res_height]": "240",
    "configuration[0][0][video][video_fps]": "24",
    "configuration[0][1][audio][audio_vol]": "0",
    "configuration[0][0][audio][audio_vol]": "0",
    "email": "subho.prp@gmail.com",
    "dd_token": "PJUPK4SDCI8OACWHK3F3",
    "configuration[0][0][video][aspect_ratio]": "4:3"
}

继承我的JsonData构建过程

$('#save').click(function(event){
    event.preventDefault();
    JsonArr[box_count]=createBox();

});

function createBox()
{var temp = {};
var collection={};

$.each($('#video :input'),function(index,value){
collection[value.name] = value.value;
//other processing
});
temp['video']=collection;
collection={};
$.each($('#audio :input'),function(index,value){
collection[value.name] = value.value;
//other processing
});
temp['audio']=collection;
collection={};
return temp;
}

1 个答案:

答案 0 :(得分:1)

您当前发布的是一个对象,然后jquery转换为param字符串。如果你想发布json,请将json放在数据选项中并适当设置contentType。

...
data: JSON.stringify(theData),
contentType: 'application/json',
...