更新网页的内容而不更新

我自愿为我当地的动物收容所制作一个网站，他们想要一个与http://fsasri.com/非常相似的网站。我真的很喜欢他们对按钮做什么，以及当你只点击中心div变化时。 iv试图用innerhtml和jquery版本来完成很多方面，我无法记住它从我的头顶。无论我做什么，我都无法放入那么多新内容，并且互联网浏览会弹出安全警告，并且不会让更改发生，除非您允许阻止的脚本和activeX。帮助你们如何实现这种效果，以及如何避免这种弹出网络探索将帮助捆绑。 iv一直在做很多的研究，迄今为止还没有运气更新网页的内容而不更新

来源

2012-07-15 Tay

IE警告是在现场网站上发生的，还是只在您的本地测试中发生？ – j08691 2012-07-15 14:08:43

只是当本地测试我没有与它一起生活我仍然在开始的步骤 – Tay 2012-07-15 14:26:59

发布您的代码，以便被审查和/或更正。 [关于Ajax的描述性jQuery信息]（http://api.jquery.com/jQuery.ajax/）。 – Vidul 2012-07-15 14:10:55

http://fsasri.com的网站使用的帧，我真的不会推荐，因为如果使用不正确，由于大量的安全问题。

但是，您可以做的是使用jQuery的Ajax函数更改“主”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>

来源

2012-07-15 14:13:29 liliumdev

对不起，我对ajax很陌生，所以这会让我决定我在主Div中改变什么？比如放入文本段落或谷歌地图 – Tay 2012-07-15 14:34:30

上面显示的例子完全改变了maindiv的内容。但是，通过使用CSS选择器，您只能更改主div中的某些数据。以下内容仅会更改maindiv中标题（h1）元素的HTML： $（'＃maindiv h1'）。html（data）; – liliumdev 2012-07-15 14:47:15

非常酷，我试图实现它，并有一个确定的改进，我现在的问题是，与url部分我想给另一个HTML文件在同一文件夹的URL，然后HTML文件夹将正是我想要的div的内容是？附：我非常感谢你的帮助 – Tay 2012-07-15 14:54:13

尝试使用ASP.net？

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

来源

2012-07-15 14:51:21

这似乎是一个伟大的工具，感谢将我的注意力集中在它 – Tay 2012-07-15 14:59:01

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

像这样的东西应该这样做，提供页面上的内容只是针对箱子，否则你”将不得不以speficically为目标页面上的元素。

来源

2012-07-15 14:53:31 daryl

这似乎正是我想做的即时通讯相当新的ajax，因为我在今天开始了解它，我的问题是什么将链接到URL？这会弹出一个安全警告的Internet Explorer？ – Tay 2012-07-15 15:02:25

我从来没有像以前那样的问题，不明白为什么你应该有。 – daryl 2012-07-15 15:04:55

更新网页的内容而不更新

回答

相关问题