加载/包含页面的Id元素到div

时间:2017-12-12 02:43:30

标签: javascript php html

我有一个页面{ "Data": { "DefaultConnection": { "ConnectionString": "Server=(localdb)\SQLEXPRESS;Database=MyDB;Trusted_Connection=True" } } } ,当我点击一个按钮(Index.php)时,ID为#incoming的div将从另一个页面调用div id元素。

wrapperc4

所以我的代码是这样的。我在 $('#incoming').click(function() { $('#wrapperc4').load('IncomingRecords.php #example2'); }); 按钮是Index.php,点击#incoming div会更改#wrapperc4来自#example2的内容。{/ p>

但它不起作用。有没有想过如何正确执行这个?谢谢大家的帮助。

1 个答案:

答案 0 :(得分:0)

我建议做的是使用 partials 。将您想要load()的内容单独拆分到页面中,以便您可以在jQuery端以其完整性导入页面。然后,您只需使用PHP的 include() 功能即可将部分内容包含在现有IncomingRecords.php页面上的所需位置。

这将是结构:

example2.php

<div id='example2'>Example 2</div>

IncomingRecords.php

<?php

echo "<div id='example1'>Example 1</div>";
include('partials/example2.php'); // Import the DIV from `example2.php`
echo "<div id='example3'>Example 3</div>";

index.php

$('#incoming').click(function() {
 $('#wrapperc4').load('partials/example2.php');
});

希望这有帮助! :)