Ajax 表单提交响应

Posted 2023-02-24

【中文标题】Ajax 表单提交响应

【英文标题】：Ajax Form Submission Response

【发布时间】：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 之类的操作

【参考方案1】：

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

【参考方案2】：

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