我正在尝试在有人提交表单后输出成功和错误消息。
以下是表单的工作原理：
某人可以通过单击编辑按钮来编辑他们的帖子，包含他们想要编辑的文本的<div>框会变成带有"保存"和"取消"按钮的<textarea>框。
当他们单击"保存"时，它需要输出成功消息"发布已更新"，或者错误消息，其中可能是几件事：
- "您无法编辑此帖子" - 如果他们没有编辑权限邮报
- "从数据库选择时出错。请稍后再试" - 如果帖子不存在
- "请输入包含 4 个或更多字符的帖子" - 帖子没有足够的字符
测试页： http://thebulb.daysofthedead.net/testing.php
Javascript：
function sendAjax(textarea_value, post_id, blog_id) {
$.ajax({
url: 'testing.php?action=blog_edit&post_id='+post_id,
type: 'post',
data: {
postcontent: textarea_value,
blog_id: blog_id,
AddReplyForm: 'Post'
},
success: function (answer) {
// Should output: "<div class="dialoginfo"><div class="dialoginfosub"><div class="dialoginfocontent">Post has been updated</div></div></div>"
},
error: function () {
// In the PHP script I check for:
// If that user has permission to edit the post. If not, it returns "You can not edit this post".
// If the post_id exists in the database, if not, it returns "Error while selecting from database. Please try again later".
// If there was 4 or more characters. If not, it returns "Please enter a post with 4 or more characters".
}
});
}
PHP(长脚本，这就是我使用PasteBin的原因(：http://pastebin.com/za2NFPHU
JSFiddle： http://jsfiddle.net/Draven/zsWBv/12/
编辑：代码都可以工作，我只需要输出消息。
例如，如果我编辑帖子并且只插入两个字符并提交它，它应该给出一个错误"请输入包含 4 个或更多字符的帖子"。相反，它会更改<div>中的文本，直到您刷新页面，然后它返回到以前的文本。
由于错误，更改不会保存在数据库中。
如果你看看我上面链接的测试页面，你可以看到它比我解释它做得更好。只需编辑帖子并保存即可。尝试在框中输入两个字符，单击保存。您将看到文本更改为您的编辑，但随后刷新页面，它将恢复到以前的状态。
显示 php 文件中的错误和成功消息，因为您使用 js 检查它的方式错误。
从手册： http://api.jquery.com/jQuery.ajax/
成功 类型： 函数( PlainObject data， String textStatus， jqXHR jqXHR (
请求成功时要调用的函数。该函数传递三个参数：从服务器返回的数据，根据 dataType 参数进行格式化;描述状态的字符串;和 jqXHR(在 jQuery 1.4.x 中，XMLHttpRequest(对象。从jQuery 1.5开始，成功设置可以接受一系列函数。将依次调用每个函数。这是一个阿贾克斯事件。
你真的应该把你的巨型viewBlog函数分成更小的逻辑部分，但这是你可以做的，以获得你想要的一般效果。
.PHP
$response = array("status" => isset($error) ? "error" : "success",
"msg" => $response_msg // determine this as you currently do
);
return json_encode($response);
.JS
$.ajax({ ...
success : function(response) {
var data = $.parseJSON(response);
if(data.status == "error") { alert(data.msg); }
else {
//do your success thing
$(".my_success_holder_div").html('<div class="dialoginfo"><div class="dialoginfosub"><div class="dialoginfocontent">Post has been updated</div></div></div>');
}
}
});