以下是一个使用Ajax请求从数据库获取文本并显示在div中的示例代码:
HTML代码:
Ajax请求示例
JavaScript代码(script.js):
$(document).ready(function() {
$('#loadContent').click(function() {
// 发送Ajax请求
$.ajax({
url: 'get_text_from_database.php', // 替换为实际的服务器端处理脚本
type: 'GET',
dataType: 'text',
success: function(response) {
// 请求成功时将文本显示在div中
$('#content').text(response);
},
error: function() {
// 请求失败时显示错误消息
alert('请求失败');
}
});
});
});
服务器端处理脚本(get_text_from_database.php):
query($sql);
if ($result->num_rows > 0) {
// 返回第一行的文本内容
$row = $result->fetch_assoc();
echo $row['text_content'];
} else {
echo '数据库中没有文本内容';
}
$conn->close();
?>
请注意,上述代码中的服务器端处理脚本和数据库连接信息需要根据实际情况进行修改。此外,还需要确保服务器支持PHP和MySQL,并且可以从客户端访问到get_text_from_database.php文件。