大家好，我有一个不熟悉 JQuery 的问题。所以可以说我有一个链接。单击此链接，我想将 MySQL 中的随机内容加载到带有小加载动画的 div 中，而无需重新加载页面。如何做到这一点？
这是我的 div，我想从 jquery 调用加载到 mysql 输出中。
<p class="joketext">Some Text inside</p>
这是用户点击的按钮，应该将mysql中的随机内容加载到div中。
<a class="btn btn-success show_new_" href='#'>Load new random content into div</a>
【问题讨论】：
标签： php jquery html mysql onclick
您需要一些服务器端代码和一些客户端。
对于您的用例而言，一个不错的选择始终是 json 而不是纯文本。
php中最简单的服务器端大概是这样的：
<?php
$host="localhost";
$username="youruser";
$password="yourpass";
$db_name="yourdb";
$db_query="yourquery";
$mysqli = new mysqli("$host", "$username", "$password", "$db_name");
if ($mysqli->connect_errno) {
echo "Failed to connect to MySQL: (" . $mysqli->connect_errno . ") " . $mysqli->connect_error;
}
$mysqli->real_query($db_query);
$res = $mysqli->use_result();
$rows = array();
while ($row = $res->fetch_assoc()) {
$rows[] = $row;
}
print(html_entity_decode(json_encode($rows));
?>
如何使用 jQuery 进行异步 AJAX 调用，您可以在这里找到很好的示例：http://api.jquery.com/jquery.getjson/
如何处理点击事件看看@Loadx 写了什么。 当然你可以把 php 的输出改成纯文本，但是如果你还是使用 JavaScript，我建议你不要生成 html 服务器端。
【讨论】：
<?php $pdo = new PDO('mysql:host=localhost;dbname=xxx', 'xxx', 'xxx'); $sql = "SELECT * FROM lachexpress ORDER BY rand() LIMIT 1"; foreach ($pdo->query($sql) as $row) { echo "$row['witz']"; } ?>
文档解释得很好。 http://api.jquery.com/load/
$(document).ready(function(){
$('.show_new_').on('click', function(){
$('.joketext').load('/path/to/some/script');
});
});
需要指出的是，在您的 html 中添加 id 属性。除非您只有一个项目使用该类。否则 ajax 将发生在该类的所有项目上。
您需要创建从 mysql 获取数据的脚本，确保它在同一个域中，否则您会遇到这个问题：
【讨论】：