表格提交后没有显示感谢信息
Thank You message not displayed after Form submission
我试图在提交表单后在同一页面显示感谢消息。但是,即使正确提交了表单,也不会显示消息。
我使用以下javascript来满足这一点:
$(function ()
{
$('form').submit(function (e)
{
e.preventDefault();
$.ajax(
{
url: this.action,
type: this.method,
data: $(this).serialize(),
success: function (result)
{
if(result.indexOf("success") > -1)
{
document.getElementById("thankyou_message").style.display = "inline";
}
}
});
});
});
url的响应是这样的:
{"result":"success","data":...
我的代码在以下codepen URL: http://codepen.io/abbor123/pen/EgjLdR
你能解释一下我的代码阻碍了页面中文本的显示吗?
注:我是初学者,所以我请求你对我温柔一点。:)
谢谢。AB
从您发布的响应中,我假设您得到了json响应。然后你可以像这样检查。
success: function(response) {
if(response.result == 'success') {
document.getElementById("thankyou_message").style.display = "inline";
} else {
document.getElementById("thankyou_message").style.display = "none";
}
}
检查这个示例代码,它返回一个json响应。https://gist.github.com/rashivkp/ef581ea4f4d4e7fba90086ea2c6bb5d2
如果你的样本数据是正确的,我认为你应该尝试这个代码:
if(result.result.indexOf("success") > -1){
document.getElementById("thankyou_message").style.display = "inline";
}
你在JSON对象中做indexOf你应该在字符串
上做这个http://www.w3schools.com/jsref/jsref_indexof.asptry replace:
document.getElementById("thankyou_message").style.display = "inline";
:
$('#thankyou_messa').fadeIn();
相关文章:
- json.success重定向到感谢页面
- 如何在没有物理感谢页面的情况下执行谷歌Adwords转化跟踪
- 如何将选择加入表单重定向到感谢页面
- ios设备,“必填”字段和感谢消息
- 如何使用Javascript重定向到默认值/感谢
- 表单提交后显示感谢信息mvc umbraco
- 如何在感谢页面上获得Shopify交易
- 在 SP 后添加感谢消息.用户界面.ModalDialog.showModalDialog() 已经上传了 flie
- 将用户重定向到感谢页面
- 在注册页面和感谢页面之间包含一个加载页面
- 通用谷歌分析跟踪发送/感谢页面
- 如何建立一个没有单独感谢页面的联系形式的谷歌分析目标跟踪
- 为什么没有出现感谢页面?
- 将表单内容更改为感谢信息
- jQuery -将联系人表单替换为'感谢消息'
- 在同一页上分别提交两份表格,并附上感谢信
- 表格提交后没有显示感谢信息
- 理解防反跳.感谢和任务返回
- 转到感谢.Aspx页后的调查
- 提交后,刷新表单页面上的感谢信息