使用jquery提交表单并接收json进行处理

Question

我想将表单提交给Python脚本，该脚本处理表单数据并返回应该在表单上再次处理的json。

我设法提交整个表单并将表单数据传递给Python脚本，但我没有得到json结果。

以下是我的html的样子：

html表单

<div id="result"></div>    
<form id="myform" action="processForm.py">  
Title:  <input type="text" name="title"  id="title"  placeholder="Enter title" />
Author: <input type="text" name="author" id="author" placeholder="Enter author" />
<button type="submit" id="submitButton">Submit</button>
</form>

的Javascript

// wait for the DOM to be loaded 
$(document).ready(function() { 
//hang on event of form with id=myform
$("#myform").submit(function(e) {
//prevent Default functionality - stay at the form
e.preventDefault();
//get the action-url of the form
var actionurl = e.currentTarget.action;        
//do your own request an handle the results
$.ajax({
    url: actionurl,
    type: 'post',
    dataType: 'json',
    data: $("#myform").serialize(),
    success: function(data) {
        $("result").html(
          "Message: " + data["message"]
        );       
    }
});
return false;
});
}); 

Python脚本只返回此json对象：

{'message':'Hello world.'}

当我点击提交按钮时，表单数据被正确发送到Python脚本，我想在元素中显示json结果。 问题是，当我点击提交按钮时div元素保持为空 - 我不知道，出了什么问题。

我对jQuery很新，所以我想知道是否有人可以帮助我。