php - 如何使用 mySQL 数据库将 HTML 放入 div

标签 php jquery html mysql ajax

目前,我正在使用这个 jQuery 代码将另一个文件中的 HTML 放入内容 div 中

$("#list li a").click(function(){
var id = this.id;
$('#content').fadeOut('fast', function(){
    $.ajax({url:"./html/" + id + ".html",success:function(result){
    $("#content").html(result);
    }});
});

$('#content').fadeIn('fast');
});

它正在从此列表的 anchor 标签中提取 ID

<ul id='list'>
<li><a href="#" class="nav" id="home">Home</a></li>
<li><a href="#" class="nav" id="order">Order Form</a></li>
</ul>

数据库将有一个名为“content”的表,其中包含名为“html”的列,其中包含需要加载到 div 中的实际 HTML 代码。

如何通过 anchor 标签中的ID获取HTML代码对应的行,并显示在content div中?

编辑:所以,我发现这将是我的查询:

$result = mysqli_query($con,"SELECT content FROM htmlcontent WHERE id='' ");

我现在的问题是,如何将 html 页面中的 ajax 调用的 ID 传递给 php 函数,以及如何返回 $result 并将其显示在#content div 中?

最佳答案

有多种方法可以将数据传递到服务器。即,您可以使用 HTTP GET 方法或 HTTP POST 方法。现在,您正在使用 jquery $.ajax 方法,默认情况下,它使用 GET。在 GET 请求中,您必须使用以下格式传递 url 中的数据...

$.ajax({url:"./path/to/your/php/script?id=" + id ,success:function(result){
...

因此呈现的 URL 最终看起来像 www.somesite.com/path/to/your/php/script?id=24

然后在您的服务器上,您可以使用 php $_GET 方法轻松地从 url 中获取 id,就像这样...

$id = $_GET['id'];

然后您可以在数据库中查询具有该 ID 的记录...

$result = mysqli_query($con,"SELECT content FROM htmlcontent WHERE id = " . $id);

我建议您研究基本的 HTTP 请求类型(GET、POST、PUT、DELETE)及其在 php 中的实现,例如 $_GET 和 $_POST 方法。

关于php - 如何使用 mySQL 数据库将 HTML 放入 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19232300/

相关文章:

javascript - 使用 PHP、websocket 和 MySQL 聊天

php - 我是否在 PHP 中正确使用了 CRYPT_BLOWFISH?

javascript - 如何选择使用 jQuery/Javascript 在 html 中动态创建的单个元素值?

jquery - Chrome 45 版本位置绝对问题

html - <br/> 为 <p> 中的每个空格留出余量

jquery - Vimeo 风格下拉内容/下拉菜单

PHP preg_match() 返回最后一次匹配的位置

javascript - 使用不同大小的图像调整 slider 大小

html - 如何使固定标题滚动 X 与内容

php - 更新存储过程中的数组数据