Question

我正在维护一个动态插入一些对话框的应用程序。这些对话框通常包含在对话框出现时加载的javascript，例如：

<script type="text/javascript" src="/js/charCount.js"></script>

<script>
$(function() {
    $('#container').charCount(function() {
      /* more code here */
    });
});

父页面已经加载了jquery，但是该对话框添加了一个新的javascript，即charCount，它为jQuery添加了一个新方法。这很好，但是，当我们移动到CDN以便现在从那里加载charCount.js时，我得到Incaught TypeError: Object [object Object] has no method 'charCount'如果我在本地加载javascript，它可以正常工作而没有任何问题。

我看到的唯一区别是如何请求javascript。当它在本地加载时，请求标题如下所示：

Accept:text/javascript, application/javascript, application/ecmascript, application/x-ecmascript, */*; q=0.01
Accept-Charset:ISO-8859-1,utf-8;q=0.7,*;q=0.3
Accept-Encoding:gzip,deflate,sdch
Accept-Language:en-US,en;q=0.8
Cache-Control:no-cache
Connection:keep-alive
Cookie:__utma=201217592.1524881892.1360801695.1367952052.1367956136.78; __utmb=201217592.2.9.1367956140967; __utmc=201217592; __utmz=201217592.1366916286.66.12.ut$
Host:localhost
Pragma:no-cache
Referer:localhost
User-Agent:Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.31 (KHTML, like Gecko) Chrome/26.0.1410.43 Safari/537.31
X-Requested-With:XMLHttpRequest

从CDN加载时，请求标头如下所示：

Accept:*/*
Accept-Charset:ISO-8859-1,utf-8;q=0.7,*;q=0.3
Accept-Encoding:gzip,deflate,sdch
Accept-Language:en-US,en;q=0.8
Cache-Control:no-cache
Connection:keep-alive
Cookie:__utma=201217592.1524881892.1360801695.1367952052.1367956136.78; __utmb=201217592.2.9.1367956140967; __utmc=201217592; __utmz=201217592.1366916286.66.12.
Host:<cdnurlhere>
Pragma:no-cache
Referer:localhost
User-Agent:Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.31 (KHTML, like Gecko) Chrome/26.0.1410.43 Safari/537.31

Answer 1

我看到您正在尝试使用ajax加载内容。它不起作用，因为它违反了跨域请求策略。简单来说，不允许跨域ajax请求。

从CDN和本地请求javascript时的不同标头

1 个答案: