Jquery 在不刷新的情况下更改网页内容

我自愿为我当地的动物收容所建立一个网站，他们想要一个与我非常相似的网站。我真的很喜欢他们用按钮做的事情，以及当你只点击中间的div时的变化。我试图用innerhtml和jquery版本以多种方式完成这一任务，但我记不得了。无论我做什么，我都不能在internet explore中放入那么多新内容，并且会弹出一个安全警告，并且不会让更改发生，除非您允许阻止脚本和activeX。关于你们将如何实现这种效果的帮助以及避免这种弹出式互联网探索的方法将有助于捆绑包。我已经做了很多研究，到目前为止运气都不好

网站使用的框架我真的不会推荐，因为如果没有正确使用，会有很多安全问题

但是，您可以做的是使用jQuery的Ajax函数更改“main”div的内容。您的按钮应如下所示：

<a href="javascript:void(0);" class="button" onclick="getPage('home')">Home</a>

通过以下功能，您可以使其正常工作：

<script>    
function getPage(page)
{
   $.ajax({

     type: "GET",
     url: 'www.yourweb.com/' + page + '.html',
     success: function(data) {
          $('#maindiv').html(data);
     }

   });

}
</script>

函数getPage（第页）
{
$.ajax({
键入：“获取”，
url:'www.yourweb.com/'+page+'.html'，
成功：功能（数据）{
$（'#maindiv'）.html（数据）；
}
});
}

是否尝试使用ASP.net

您自己的VB/C代码将更新或更改您想要更改的网站页面的任何内容。

HTML:

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

$(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);
            }
        });
    });
});

---

类似这样的东西应该可以做到，前提是页面上的内容只针对方框，否则您将不得不专门针对页面上的元素。

IE警告是在实时网站上发生的，还是仅在您的本地测试中发生的？发布您的代码以便查看和/或更正。关于Ajax。就在本地测试还没有开始的时候，我还处于起步阶段。我对Ajax非常陌生，所以这将允许我在主分区中口述我所做的更改？就像输入文本段落或谷歌地图一样，上面显示的示例完全改变了maindiv的内容。但是，通过使用CSS选择器，您只能更改main div中的某些数据。以下内容仅会更改main div中header（h1）元素的HTML:$（'#maindiv h1'）.HTML（数据）；非常酷，我尝试实现它，有一个明确的改进，我现在的问题是，在url部分，我是否希望给出同一文件夹中另一个html文件的url，然后该html文件夹将完全是我想要的div内容？另外，我真的很感谢你的帮助我不确定我是否正确理解了你，但是是的-URL应该是包含mainDiv内容的文件，无论你点击了什么按钮。注意函数中的页面参数。无论如何，我建议你使用Daryl提供的例子，因为它更简单。我不会撒谎，我更喜欢你的系统，我更容易理解。我有一个问题，这应该适用于firefox和google chrome还是IE？这似乎是一个很好的工具，感谢你让我关注它。这似乎正是我想要做的，我对它很陌生正如我今天开始学习ajax一样，我的问题是url链接到什么？这会不会为internet explorer弹出一个安全警告？我以前从来没有遇到过这样的问题，我不明白你为什么会这样。