Javascript AJAX JQUERY PHP-为信息创建视图窗格

在过去的一周里，我真的被这个问题难倒了，在经历了无数个小时的失败后，我希望有更多知识的人能够帮助我！：）

我正在创建一个视图窗格，其中有一个div列表，在一侧保存一小部分信息，如标题，然后单击这些内容，左侧显示更详细的信息。为此，将其链接到存储信息的数据库（为此，它是记录信息）

所附图片显示了我的目标轮廓。还有一个屏幕抓取我上传的数据库

我已经创建了它的基本轮廓（虽然现在是一个相当丑陋的轮廓！），但是当点击它时，我无法获得显示在左手边的信息

控制台上唯一的错误是：Uncaught SyntaxError:Unexpected token< 在“连接”和“获取”页面上。我已经通过VisualStudio运行了代码，但没有发现任何错误

我将非常感谢任何帮助。 请参阅随附的代码：

非常感谢

这是一个语法错误

<?php

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

---

对于任何想引用此内容的人，我最终确实让它发挥了作用，尽管我不能完全确定原因（我在这方面还是很新！）以下是我记得做过的事情，我真的希望它能有所帮助

我把所有的“标记”都改成了（把所有的引号都改成了单数），因为我读到PHP有时会有这样的问题
实际上，我将代码上传到了一个在线服务器（我使用的是C-Panel），而不是在本地服务器运行的情况下在我的计算机上运行。这也意味着我为C-Panel创建了一个新的数据库，因为现在所有的数据都可以通过该数据库访问
我在表名前面添加了用户名（因为这是cpanel识别表名的方式）
这些是我所做的主要更改，然后使用谷歌chrome上的控制台，我处理了所有弹出的错误。现在给出的错误消息是清楚和有用的

我希望这有帮助：）
在问题中发布您的代码，而不是以图像的形式发布。如果您的代码中数据库连接的用户名和密码是真实的，您应该尽快删除它们。谢谢Luke！：）