如何在发送表单后更新表单进度条';在wordpress中使用jquery/ajax将s值转换为另一个php脚本


How to update a form progress bar after sending form's value to another php script using jquery/ajax in wordpress

我正在开发一个wordpress插件,它有一个用于投票的表单,并有一个显示投票结果的进度条。提交表单后,它会重定向到另一个页面进行处理。但是我想在不刷新页面的情况下提交表单。我可以用jquery/ajax来完成。但问题是,在没有重新加载页面的情况下提交表单后,ajax会将表单数据提交到php页面,并将这些数据保存到数据库中,但如果用户不重新加载页面,投票结果将不会更新(提交ajax数据后,进度条不会显示最新信息,尽管数据在数据库中更新)。

请给我一个主意,我该怎么做。

处理完轮询数据后,将脚本发送回主页:

<script>
document.getElementById('myProgressBarId').setAttribute("width","50%");
</script>

如果您有计算%的代码(我认为您确实有),那么您可以在AJAX调用中执行以下操作。

  1. 将数据存储在数据库中
  2. 检索更新的数据
  3. 启动您的"计算代码"
  4. 现在你有了%
  5. 更新AJAX调用的图像onSuccess的宽度属性

jQuery方式:

$.ajax({ 
//other code
success : function(data) { 
    $('#progress-bar-image').attr('width', data);
}
//data is the calculated percentage.
});

请参阅jQuery.ajax()文档