Ajax 表单提交响应答案

【问题标题】：Ajax Form Submission ResponseAjax 表单提交响应
【发布时间】：2011-08-12 14:27:39
【问题描述】：

我的 Ajax 表单上的功能 ShowResponse 操作有问题。提交表单后，我试图在#show div 中显示一条简单的消息。 Ajax 提交工作正常，我可以收到工作警报，但无法显示#show div。我的代码是这样的，

<script type="text/javascript" src="/uploads/JS/jquery.form.js"></script>

<script type="text/javascript"> 
$(document).ready(function() { 

var options = { 
target:        '#contact_form_94',
success:       showResponse
}; 

$('#m477famoduleform_2').ajaxForm(options); 
}); 

function showResponse(responseText, statusText, xhr, $form)  { 
    alert('status: ' + statusText + '\n\nresponseText: \n' + responseText + 
        '\n\nThe output div should have already been updated with the responseText.'); 
} 
</script>

如果有人可以提供帮助，那就太好了。作为最低要求，我只想用“成功”消息替换表单。

谢谢

克里斯

【问题讨论】：

你可以使用 firebug 或类似的工具来查看你的#show div 是否正在接收你的“responseDoc”吗？如果是，是不是你的 div 不可见，需要设置它的 CSS 显示属性？
确保 "#contact_form_94" 元素存在，可能会成功执行 $('#contact_form_94').length 之类的操作

标签： jquery ajax ajaxform ajax-forms

【解决方案1】：

如果您在 $(document).ready 中包含 showResponse 函数，它会起作用吗？

【讨论】：

【解决方案2】：

如果您说您可以提醒响应并且可以看到它，那么我认为页面上不存在#show。尝试提醒$('#show').length 看看你得到了什么。

【讨论】：