php - Ajax 更新 HTML 元素的 css

Question

我想用ajax显示和隐藏HTML div，

情况:

progressbar('on');

very_long_function(); 

progressbar('off');

我想在工作时显示 div very_long_function(); ，但是当完成工作时我想隐藏 div

进度条功能:

function progressbar($status){

    if($status == "on"){


        echo "
                <script> 
                        $(document).ready(function() {   function() { 
                        $('#load').css('display','inline');

                        }); 
                </script>
            ";
    } 
    else{

        echo "
                <script> 
                        $$(document).ready(function() {   function() { 
                        $('#load').css('display','none');

                        }); 
                </script>
            ";
    }
}

问题是 very_long_function(); 工作时 div 没有显示，也许可以用 AJAX 或 jQuery 解决这个问题

HTML

<div id="load" style="display: none;"><img src="loading_baras.gif" style="width: 550px; height: 10px; margin-top: -10px"></div>

Answer 1

我认为，您的架构是错误的。您必须为此使用 JS。

喜欢下一个:

    $(function(){
       $('#load').css('display','inline');

       $.post('/very_long_function.php', {url: 'http://www.google.com'}, function(result){
           alert(result);
           $('#load').css('display','none');
       }); 
    });

PHP:very_long_function.php

$url = $_POST['url'];
$result = very_long_function($url);
echo $result;
die;