我正在开发一个wordpress插件,它有一个用于投票的表单,并有一个显示投票结果的进度条。提交表单后,它会重定向到另一个页面进行处理。但是我想在不刷新页面的情况下提交表单。我可以用jquery/ajax来完成。但问题是,在没有重新加载页面的情况下提交表单后,ajax会将表单数据提交到php页面,并将这些数据保存到数据库中,但如果用户不重新加载页面,投票结果将不会更新(提交ajax数据后,进度条不会显示最新信息,尽管数据在数据库中更新)。
请给我一个主意,我该怎么做。
处理完轮询数据后,将脚本发送回主页:
<script>
document.getElementById('myProgressBarId').setAttribute("width","50%");
</script>
如果您有计算%的代码(我认为您确实有),那么您可以在AJAX调用中执行以下操作。
- 将数据存储在数据库中
- 检索更新的数据
- 启动您的"计算代码"
- 现在你有了%
- 更新AJAX调用的图像
onSuccess
的宽度属性
jQuery方式:
$.ajax({
//other code
success : function(data) {
$('#progress-bar-image').attr('width', data);
}
//data is the calculated percentage.
});
请参阅jQuery.ajax()文档