如何使用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中？

回答

相关问题