渲染前显示的 Javascript 代码

Question

所以我有一个 PHP 网站，并且我正在使用 jquery AJAX 事件来访问我的数据库。问题是当结果返回时我可以简单地看到原始的 javascript 代码，然后它最终被渲染。谁能帮我解释一下为什么会发生这种情况以及如何解决这种情况。

**************** 编辑 ********************** ****

下面是我添加 JavaScript 代码的片段。我在结束正文标签之前执行此操作。

    </div>  
    <script src="js/jquery-ui.min.js"></script><!--JQuery UI-->
    <script type="text/javascript" src="js/d3/d3.min.js"></script>
    <script type="text/javascript" src="js/c3/c3.min.js"></script>
    <script language="javascript" type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
    <script language="javascript" type="text/javascript" src="js/lib/bootstrap.js"></script>
    <script language="javascript" type="text/javascript" src="js/manageMarks.js"></script>
</body>

我的外部文件的片段如下:

    $(document).ready(function(){
      $('#careerSearch').on('click', '.hsSubject', function(){
    var sbjCode = $(this).attr('data-subName');
    var user = $(this).attr('data-user');
    var path = $(this).attr('data-path');
    event.stopPropagation();

    if(sbjCode=='L.O' || sbjCode=='English FAL' || sbjCode=='Afrikaans FAL'){

    } else{
        $.ajax({
            type: 'POST',
            url: 'includes/highSchoolFiles/careerSearchFiles/suggestionsHandler.php',
            data:{sbjCode: sbjCode, user:user, path:path},
            success: function(data){
                $('.subSearchBody').html(data);
            }
        }).error(function(){
            alert('An Error Has Occured');
        });
    }
});
});

Answer 1

在 head 部分使用 jquery 库链接。