Question

HTML：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="/js/grabber.js" type="text/javascript"></script>
<script type="text/javascript">
        $(document).ready(function() {
            $('#search-js').submit(function() {
                var username = $("#bar-js").val();
                var result = grab(username);
                alert(result);
                $(".contents").html(result["twitter"]);
            });
        });
</script>

JS / grabber.js：

function grab(username) {
    //var results = {};

    // run all the things
    //results["twitter"] = check_twitter(username);

    // return your (huge) map
    //return results;
    return "stuff";
}

当我触发该功能时，没有任何反应。如果我将代码放在grabber.js中并将其嵌入页面中，则可行。当我使用Chrome查看来源并点击js/grabber.js链接（在HTML中）时，Chrome会尝试下载该文件而不是显示该文件。如果我点击谷歌的jQuery链接，它会显示出来。

我是javascript世界的新手，但我已经有一段时间了，似乎无法弄明白。

修改

Chrome开发者工具给了我这个：

Resource interpreted as Script but transferred with MIME type text/x-js: "http://0.0.0.0:8000/js/grabber.js".

我正在使用Python的SimpleHTTPServer来创建一个临时服务器以进行快速开发。这可能是问题吗？

Answer 1

我认为由于某种原因，您的服务器没有为.js文件设置正确的mime类型，请尝试将其添加到.htaccess：

AddType text/javascript .js

或者也许：

AddType application/x-javascript .js

我的浏览器不认为我的Javascript是... Javascript？

1 个答案: