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>
            ";
    }
}

问题是 div 在very_long_function();工作时不显示，也许可以用 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

确保您包含 jquery lib 以使用它。jquery 中也没有双 $$。请给出 html，我们会更正它。

Answer 2

我认为，你的架构是错误的。您必须为此使用 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;