javascript - 使用 javascript/jquery/php 构建动态网站并将 html 存储在 mysql 中

Question

我是动态网站编码新手，我有一个项目最终会规模很大。

我无法让我的 JavaScript 从我的外部网站 html 文件或我创建的从 mysql 表中提取内容的外部 PHP 文件中提取。我也不太知道如何将静态实现转换为动态实现，我在下面提供了有关静态版本和部分工作/不完整动态版本的详细信息。

点表流程:

• onclick javascript 与 php 对话
• php 与 mysql 通信以访问请求的内容
• mysql 发送回 php
• php 发送到 javascript
• javascript 将内容附加、前置或加载(取决于我们想要执行的操作)到网页上的特定 DIV 中。

我有一个对静态 html 文件有些作用的示例:

HTML 页面上的 HTML:

<a href="#" id="item1">item1</a>

内容将加载到的 DIV:

<div id="content"></div>

HTML 页面上的 JavaScript:

<script>
        $('#item1').click(function() {

            $.get("item1.html",function (test) { $("#content").prepend(test);});
        });
</script>

上面的示例适用于静态前置代码，而无需在每次单击我们想要的链接时清除“内容”DIV。然而，当尝试将此静态设置转换为动态设置时，我们无法这样做。

我还尝试了以下 javascript 更改，只是为了看看我们是否可以从外部源加载 html，但它失败了(不确定为什么我的 javascript 不会加载外部页面？ ):

<script>
            $('#item1').click(function() {

                $.get("http://localhost/item1.html",function (test) { $("#content").prepend(test);});
            });
    </script>

我认为动态外观结构的最终解决方案将类似于:

注释不起作用，只是概念

HTML 将显示:

<a href="#" id="I8">item8</a>

JavaScript 概念:

• anchor 链接的 onclick 通过 PageContent.php?id=I8 将 ID 从 anchor 传递到 PageContent.php
• 等待 PHP PageContent.php 处理请求
• php 将内容以 HTML 的形式传递回 javascript，然后 javascript 将内容前置/追加/加载到 #content DIV。

PHP PageContent.php 不完整:

<?php
$conn = mysqli_connect('localhost', 'user', 'pass', 'DB')
    or die("Unable to connect to MySQL");
echo "Connected to MySQL<br>";

$sql = "SELECT * FROM `content` where ID='<? ID VARIABLE that was passed from javascript HERE ?>';";
$result = mysqli_query($conn, $sql);
$resultarr = mysqli_fetch_assoc($result);
?>

我从来没有构建过可以通过“？ID=”的方式传递信息并从中获取结果的 php 页面。如何完成PageContent.php?ID=8

的透传

Answer 1

假设您的内容所在有index.php。 。然后在 getContent.php 上，您可以使用 mysql 查询来获取 mysql 表上的数据

$(function(){
    $('#item1').click(function(){
     var id = 5; //id of your mysql table row
     $.get("getContent.php?id=" + id,function(response){
       $('#content').html(response); //append the data return from content.php
         });
       });
 });

然后在你的 getContent.php 上

$id = $_GET['id'];
//then here is your mysql query getting data by it's ID and store it in a variable
// sample is $mysqlContentData

  echo $mysqlContentData; // and also try using return $mysqlContentData;

它将把你的数据从 getContent.php 返回到 index.php 上的 $.get 函数