更新網頁的內容而不更新

我自願爲我當地的動物收容所製作一個網站，他們想要一個與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

更新網頁的內容而不更新

回答

相關問題