.append()方法不能正确附加php

时间:2014-12-20 15:58:25

标签: javascript php jquery twitter-bootstrap localhost

我有一个导航栏保存为menu.php。然后在我的主页面中我创建了一个名为&#34的按钮;注入"。这应该在单击时附加一个php include标记。 这是我的代码:

$(document).ready(function(){
        $("#inject").click(function(){
                $("body").append("<?php include  '../menu.php'; ?>");
            });
        });


<body>


<div class="container">
    <div class="jumbotron landing">
        <h1 class="text-center"><span class="text-primary">Hex to Rgb converter V1.0 </span></h1>
    </div>  
    <div id="inject" class="btn btn-danger">Inject</div>
    <h1>Enter hex code without <kbd>#</kbd> and press <kbd>Enter</kbd></h1>
    <kbd class="h3">#</kbd><span class="h4 bg-primary">+</span><input type="text" maxlength="6" id="hex" class="text-warning bg-info h3 img-rounded" pattern="[A-Fa-f]{6}" title="Type a hex code please">
    <h1>Rgb</h1>
    <p id="rgb" class="h4 text-primary bg-success"></p>
</div>
</body>

我在js控制台上遇到的问题(铬)是&#34;未捕获的语法错误:意外的标识符&#34; 如果没有通过javascript插入,php include标签将正常工作。 有什么想法吗?

1 个答案:

答案 0 :(得分:2)

我可能会使用ajax,但要在你的js代码中包含任意字符串,你必须正确编码。

$("body").append(<?php echo json_encode(file_get_contents('../menu.php')); ?>);