如何使用jquery將外部頁面加載到div中？

我有一個菜單有3個鏈接，當用戶點擊菜單鏈接我想要頁面加載在同一頁上的div使用jquery，即時通訊使用PHP和MySQL！如何使用jquery將外部頁面加載到div中？

謝謝！

2010-08-23 getaway

是您想要加載到同一服務器上的頁面（由於安全原因，Javascript會阻止您從外部網站加載，因此您需要中間serverside腳本來獲取來自另一個網站的數據，您可以使用ajax加載）？ – Powertieke 2010-08-23 08:53:30

從擴展@ jAndy的例子：

標記：

<a href="/foo/bar.html" id="baz">Load external html</a> 
<div id="result"></div>

的JavaScript

$('#baz').click(function() { $('#result').load(this.href); });

來源

2010-08-23 08:42:12

謝謝，我確切地知道該怎麼做感謝隊友！ – getaway 2010-08-23 08:45:50

看看jQuery.get()函數。

來源

2010-08-23 08:31:10 fire

非常感謝，這有助於！ – getaway 2010-08-23 08:32:31

http://api.jquery.com/load/

$('#result').load('ajax/test.html');

來源

2010-08-23 08:31:51 jAndy

我建議你閱讀一些文檔@jQuery。

順便說一句，這可能是你的答案：

$.ajax({ 
    url: 'ajax/test.html', 
    success: function(data) { 
    $('.result').html(data); 
    alert('Load was performed.'); 
    } 
});

來源

2010-08-23 08:32:50 fabrik

感謝您的回答，這是事情的JavaScript方面，我爲HTML頁面上的超鏈接放了什麼，將它連接到這個片段！對不起，我仍然是一個新手謝謝 – getaway 2010-08-23 08:35:42

$('#local_container').load('external/file.php #external_container');

http://api.jquery.com/load/

來源

2010-08-23 08:33:55 RobertPitt

您可以使用ajax從mysql數據庫收集信息。

$.ajax({ 
    type: 'post', 
    url: 'getnames.php', 
    datatype: "json", 
    success: function(data) { 
    $('#id_of_the_div').text(""); 
    $('#id_of_the_div').append(data.returned); 
    } 
});

在php文件

：

//.. 
// commands that run mysql queries and gather information from database 
//.. 
//.. 
//.. 
// you store what you've got from the database in a $ret variable and then: 
// $ret can be for example: 
// $ret = "<table><tr><td>Peter</td><td>40</td></tr></table>"; 

$arr = Array("returned"=>$ret); 
echo json_encode($arr);

當然這只是從幾個方面，你可以用一個例子。我已經使用了ajax請求和json ...

來源

2010-08-23 10:24:39 Zsolt

如何使用jquery將外部頁面加載到div中？

回答

相關問題