ajax load的一点小疑问

<script type="text/javascript">
$(document).ready(function(){
    $("#addnews").click(function(){
        $("#maindiv").load("1.html");
    });    
});
</script>1.html文件比较大，想在还没完全读取完时让maindiv里出现loading字样，该怎么修改？望赐教。

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=gb2312">
    <title> new document </title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <script type="text/javascript" src="js/jq.js"></script>
    </head> <body>
    <script type="text/javascript">
    $(document).ready(function(){
      $("#addnews").click(function(){
      $("#maindiv").text("loading...");
    $("#maindiv").load("2.htm");
      });   
    });
    </script>
    <div id="maindiv"></div><input type="button" value="addnews" id="addnews"/>
    </body>
    </html>
      

  2.   

    1楼正解，最近我也在琢磨JQUERY的东东~~
      

  3.   

    一楼正解，但是可以直接用javascript吗,别用jquery
      

  4.   

    可以用readyState来判断 。
    等于1的时候显示loading 。