Question

我有一个从数据库信息中获取并显示为链接的json，我试图显示来自数据库的链接，但我却遇到了一些问题，这就是我所拥有的：

 $("#content_div").html('<a href="'.knowledge_info.'"><h4 class="knowledge_base">Knowledge Info</h4></a>');

执行此操作时：

Uncaught SyntaxError: Unexpected string

不知道为什么，在进行console.log（knowledge_info）;时，变量在那里我可以看到来自变量的信息

Answer 1

JavaScript字符串串联带有+符号：

$("#content_div").html('<a href="'+knowledge_info+'"><h4 class="knowledge_base">Knowledge Info</h4></a>');

如果您的IDE不能向您显示这在语法上是错误的，则您可能应该找到其他编辑器并查看一些JS基础课程。

Answer 2

您可以连接字符串而不使用点吗？

MainViews

Answer 3

如果您使用ES6，则可以这样输入

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="content_div">
  run snippet
</div>
<script>
const knowledge_info = "href://yourlink"

$("#content_div").html(`
 	<a href="${knowledge_info}">
 		<h4 class="knowledge_base">Knowledge Info</h4>
 	</a>
 `);
 </script>

并且在js中必须是camelCase变量“ knowledge_info” =>“ knowledgeInfo”

Answer 4

MainViewsViewModel运算符在javascript中无效。

它在$("#content_div").html('<a href="'+knowledge_info+'"><h4 class="knowledge_base">Knowledge Info</h4></a>');中用于组合字符串。

因此，您可以将.运算符替换为php。

Answer 5

您可以尝试像这样使用template strings：

 $("#content_div").html(`<a href="${knowledge_info}"><h4 class="knowledge_base">Knowledge Info</h4></a>`);

：）

JavaScript将变量添加到href

5 个答案: