jquery - 无需刷新即可更改网页内容

Question

我自愿为本地的动物收容所制作一个网站，他们想要一个与http://fsasri.com/非常相似的网站。 。我真的很喜欢他们对按钮的操作，以及当您仅单击中心 div 时如何更改。 iv 尝试使用innerhtml 和jquery 版本以多种方式完成此任务，但我记不清了。无论我做什么，我都无法放入那么多新内容，并且 Internet Explorer 会弹出安全警告，并且不会让更改发生，除非您允许阻止的脚本和 ActiveX。帮助你们如何实现这种效果以及避免这种弹出式互联网探索的方法将有助于捆绑。我做了很多研究，但到目前为止还没有运气

Answer 1

HTML:

<a href="http://path.com/to/page.html" data-ajax>Home</a>

JS:

$(function() {
    var box = $('#loadtodiv');
    $(document).on('click', 'a[data-ajax]', function(e) {
        e.preventDefault();
        $.ajax({
            type: 'post',
            url: $(this).attr('href'),
            success: function(data) {
                box.html(data);
            }
        });
    });
});

类似这样的事情应该可以做到这一点，前提是页面上的内容仅适用于框，否则您必须专门针对页面上的元素。