我正在尝试从 jquery 脚本运行一个简单的后端 python 方法。
JQUERY
$(document).ready(function(){
$('#btn').click(function(event){
event.preventDefault();
var commit = $("#test_form input[type='radio']:checked").val();
alert(commit);
$.ajax({
type: "POST",
url: "submitted",
data: commit,
success: function(data) {
alert(data["title"]);
$("#status").html(data["title"]);
}
});
return false;
});
$('#update_help').click(function() {
$('#update_info').toggle('slow', function() {
// Animation complete.
});
});
});
在我的 cherrypy python 脚本中,我有以下内容
@cherrypy.expose
def submitted(self, commit = 0):
cherrypy.response.headers['Content-Type'] = 'application/json'
print"Got here"
#return simplejson.dumps(dict(title="hello", success=True))
return "foo"
HTML 文件如下所示
<form id="test_form" method="post">
<li class = "option">
<input type="radio" name="commit" value = "0"/> Option 1
</li>
<li>
Option 1
</li>
<li class = "option">
<input type="radio" name="commit" value = "1"/> Option 2 <br>
</li>
<li class = "option">
<input id="btn" type="submit"/>
</li>
</ul>
</form>
我注意到 ajax post 从未真正找到“已提交”功能。整个页面重新加载,并且没有任何内容返回到 ajax post 回调。我确信这与我在调度方面做错了什么有关,但我错过了什么?
谢谢
最佳答案
尝试将您的 javascript 更新为这个...
$.ajax({
type: "POST",
url: "/plugins/set_prop/submitted",
data: commit,
success: function(data) {
alert(data["title"]);
$("#status").html(data["title"]);
}
希望这对您有所帮助。 安德鲁
关于jquery - Cherrypy调度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13323408/