如何使用jQuery进行部分页面更新?

发布时间:2019-06-12 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了如何使用jQuery进行部分页面更新?脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有导航菜单.单击时,只应从html内容文件(在服务器中)更新页面内容div,而不进行整页刷新.

我怎样才能使用jQuery实现这一目标?

解决方法

按照惯例建立菜单,即
<ul id="menu">
    <li><a href="about-us.html">About Us</a>
    <li><a href="services.html">Services</a>
    <li><a href="products.html">Products</a>
</ul>

和内容的占位符.

<div id="content"></div>

然后运行类似于此的代码

$("#menu li a").click(function(e) {
    // prevent from going to the page
    e.preventDefault();

    // get the href
    var href = $(this).attr("href");
    $("#content").load(href,function() {
        // do something after content has been loaded
    });
});

总结

以上是脚本之家为你收集整理的如何使用jQuery进行部分页面更新?全部内容,希望文章能够帮你解决如何使用jQuery进行部分页面更新?所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:76874919,请注明来意。
标签: