如何使用 jquery 将外部页面加载到 div 中？答案

【问题标题】：how can i load an external page into a div using jquery?如何使用 jquery 将外部页面加载到 div 中？
【发布时间】：2010-08-23 08:28:40
【问题描述】：

我有一个带有 3 个链接的菜单，当用户单击菜单链接时，我希望页面使用 jquery 加载到同一页面上的 div 上，我使用 php 和 mysql！

谢谢！

【问题讨论】：

是您要在同一服务器上加载的页面（出于安全原因，Javascript 会阻止您从外部站点加载，因此您需要一个中间服务器端脚本来从另一个站点获取数据，可以使用 ajax 加载）？

标签： php jquery ajax html

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

从@jAndy 的例子扩展而来：

标记：

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

JavaScript

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

【讨论】：

【解决方案4】：

看看jQuery.get()函数。

【讨论】：

【解决方案5】：

我建议你阅读一些文档@@jQuery。

顺便说一句，这可能是你的答案：

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

【讨论】：

感谢您的回答，这是 javascript 方面的问题，我应该在 html 页面上放置什么超链接，以将其连接到这个 sn-p！对不起，我还是个新手谢谢

【解决方案6】：

您可以使用 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...

【讨论】：