我正在社交网络上的评论系统上工作,我正在使用jquery,我可以毫无问题地使用ajax发布评论,但有时如果我发布的评论过多或出于其他原因,我需要用户提交验证码表格。
我认为最好的方法是将其添加到当前的评论发布部分中,如果php脚本返回一个响应,表明我们需要执行验证码表单,那么我想在窗口上自动打开一个对话框窗口屏幕上,让用户填写验证码表格,然后继续进行发布并发表评论。
这对我来说有点复杂,但是我认为大部分工作已经完成,也许您可以在下面阅读我的评论并为验证码部分提供帮助,主要是关于如何触发对话框打开,如何传递评论值/通过验证码输入文字,并在成功后再次返回评论,如果用户输入的验证码错误,那么它将重新加载验证码
$.ajax({
type: "POST",
url: "processing/ajax/commentprocess.php?user=",
data: args,
cache: false,
success: function (resp) {
if (resp == 'captcha') {
//they are mass posting so we need to give them the captcha form
// maybe we can open it in some kind of dialog like facebox
// have to figure out how I can pass the comment and user data to the captcha script and then post it
} else if (resp == 'error') {
// there was some sort of error so we will just show an error message in a DIV
} else {
// success append the comment to the page
};
}
});
最佳答案
我想我会选择使用modal dialog that comes with the jQuery UI library。然后,我将AJAX调用包装在一个函数中,以便可以递归调用它。我将创建一个DIV(#captchaDialog),该DIV处理显示验证码图像和一个输入(#captchaInput)来输入答案。当用户单击模式对话框上的“确定”按钮时,我将使用新的验证码响应修改原始args并调用该函数。由于此解决方案仅修改原始args并将其传递到相同的URL,因此我相信此解决方案将为您工作。
一些示例代码,减去div和模态对话框的输入:
var postComment = function(args) {
$.ajax({
type: "POST",
url: "processing/ajax/commentprocess.php?user=",
data: args,
cache: false,
success: function (resp) {
if (resp == 'captcha') {
$("#captchaDialog").dialog({
bgiframe: true,
height: 140,
modal: true,
buttons: {
ok: function() {
args.captchaResponse = $(this).find("#captchaInput").val();
postComment(args);
}
}
});
} else if (resp == 'error') {
// there was some sort of error so we will just show an error message in a DIV
} else {
// success append the comment to the page
};
}
});
};
希望这可以帮助!