jquery无刷新载入其他页面的内容

 

< head >   
< title > Ajax  with  jQuery Example < / title>  
< script type = " text/JavaScript "  src = " jquery-1.3.2.min.js " >< / script>  
< script type = " text/JavaScript " >   
$(document).ready( function (){  
    $( " #generate " ).click( function (){  
      $( " #quote p " ).load( " script.html " );  
    });  
});  

< / script>  
< style type = " text/css " >   
    #wrapper {  
      width: 240px;  
      height: 80px;  
      margin: auto;  
      padding: 10px;  
      margin - top: 10px;  
      border: 1px solid black;  
      text - align: center;  
    }  
< / style>  
< / head>  
< body >   

< div id = " wrapper " >   
     < div id = " quote " >< p >   < / p>< / div >   
     < input type = " submit "  id = " generate "  value = " Generate! " >   
< / div>  
< / body>  
< / html>

 

作者： ret00100

出处： http://www.cnblogs.com/ret00100/

本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。