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

最新推荐文章于 2025-08-15 09:01:53 发布

weixin_33774308

最新推荐文章于 2025-08-15 09:01:53 发布

阅读量76

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/ret00100/archive/2009/09/05/1560867.html

本文介绍了一个简单的示例，展示了如何使用Ajax结合jQuery来实现网页局部刷新的功能。通过点击按钮，可以从另一个文件中加载内容到当前页面指定区域。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

< 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/

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

转载于:https://www.cnblogs.com/ret00100/archive/2009/09/05/1560867.html