在完成所有结果数据之前加载div

时间:2014-04-03 06:45:28

标签: javascript php jquery html css

我要将信息页面发送给.. $ _ get ..但是我想点击..a href = new.php?data = 1 ..来激活加载而不是所有收到的数据加载都启用了在new.php页面内完成信息后,加载删除和.div id = result。显示或显示信息

new.php

  <script type="text/javascript">
        $(document).ready(function(){
            $('a').click(function(){
                $('#result').hide();
                $('#main').html('<strong>loading...!</strong>;');
                success:function(){
                    $('#main').html('');
                    $('#result').show();
                }
            });
        });
        </script>
 <body>

<div id="main"></div>
<a href="new.php?data=1">test</a>
<div id="result">
 <?php
    if(isset($_GET['data'])){
        echo $_GET['data'];
    }
?>
</div>

单击href =启用加载然后收到信息时,删除加载并将信息显示在显示的div结果中

1 个答案:

答案 0 :(得分:1)

你犯了一个错误,click()不是一个ajax调用,所以我不明白为什么你放一个success回调,试着删除它,因为它做了一个语法JS肯定是错误的。

有解决方案:

   <script type="text/javascript">
        $(document).ready(function(){
            $('a').click(function(event){
                $('#result').hide();
                $('#main').html('<strong>loading...!</strong>;');
            });
        });
    </script>
    <body>
        <div id="main"></div>
        <a href="new.php?data=1"></a>
        <div id="result">
        <?php
            if(isset($_GET['data'])){
                echo $_GET['data'];
            }
        ?>            
        </div>
    </body>