我有一个简单的表单提交与ajax,但它一直给我一个错误。所有错误都是“错误”。没有代码,没有描述。什么都没有,当我失败时提醒它。
使用jQuery的Javascript:
$(document).ready(function(){
$(".post-input").submit(function(){
var postcontent = $(".post-form").val();
if (postcontent == ""){
return false;
}
$(".post-form").attr("disabled", "disabled");
$.ajax({
url: '/post',
type: 'POST',
data: {"post-form": postcontent},
dataType: json,
success: function(response, textStatus, jqXHR) {
alert("Yay!");
},
error: function(jqXHR, textStatus, errorThrown){
alert(textStatus, errorThrown);
}
});
});
});
HTML:
<form class="post-input" action="" method="post" accept-charset="utf-8">
<textarea class="post-form" name="post-form" rows="1" cols="10" onFocus="this.value='';return false;">What are you thinking about...</textarea>
<p><input class="post-submit" type="submit" name = "post.submitted" value="Post"></p>
</form>
如果那里没有问题,那么服务器端(金字塔):
def post(request):
session = Session()
user = authenticated_userid(request)
postContent = request.POST['post-form']
if not postContent == '':
session.add(Activity(user.user_id, 0, postContent, None, None))
return {}
return HTTPNotFound()
更新: 在使用firebug进行一些调试之后,我发现post请求主体只包含post.submitted = Post,而不是{“post-form”:postcontent}的预期结果。
答案 0 :(得分:14)
根据jQuery文档,您必须声明数据类型:
$.ajax({
type: 'POST',
url: url,
data: data,
success: success,
dataType: dataType
});
另外,查看服务器端代码,实际上并不想发布JSON格式的数据。此{"post-form":postcontent}
是JSON格式的数据。你真正想做的是发送TEXT或HTML。看起来它是表格数据,我猜是在TEXT。
试试这个:
$.ajax({
url: '/post',
type: 'POST',
data: 'post-form='+postcontent,
dataType: 'text',
success: function(response, textStatus, jqXHR) {
alert("Yay!");
},
error: function(jqXHR, textStatus, errorThrown){
alert(textStatus, errorThrown);
}
});
答案 1 :(得分:3)
由于您要发布JSON
- 数据,您必须声明dataType“JSON”:
$.ajax({
url: '/post',
type: 'POST',
dataType: "json",
data: {"post-form": postcontent},
success: function(response, textStatus, jqXHR) {
alert("Yay!");
},
error: function(jqXHR, textStatus, errorThrown){
alert(textStatus, errorThrown);
}
答案 2 :(得分:1)
我认为问题在于您传递的数据未正确写入。
Try to change data: {"post-form": postcontent},
To:
data: 'post-form='+ $('.post-form').val(),