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

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