javascript - 在 PhoneGapp 应用程序上使用 Javascript 进行 Ajax 调用

Question

我正在尝试使用 JS 和 jQuery 库从服务器(我制作的，我有完全访问权限)加载数据。这在浏览器中完美运行。但现在我正试图让它在phonegap上工作。由于某种原因这不起作用。

• 它不是 jQuery，我尝试用它改变颜色，效果很好。
• 我可以访问互联网，当我尝试从网站加载图片时，效果很好。

我将以下设置添加到 config.xml:

<access origin="*"/>
  <plugin name="cordova-plugin-whitelist" version="1"/>
  <allow-intent href="http://*/*"/>
  <allow-intent href="https://*/*"/>
  <allow-intent href="tel:*"/>
  <allow-intent href="sms:*"/>
  <allow-intent href="mailto:*"/>
  <allow-intent href="geo:*"/>
  <platform name="android">
    <allow-intent href="market:*"/>
    <allow-intent href="*"/>
  </platform>
  <platform name="ios">
    <allow-intent href="itms:*"/>
    <allow-intent href="itms-apps:*"/>
  </platform>

我还添加了一些 HTML 元标记:

<meta http-equiv="Content-Security-Policy" 
      content="default-src *; 
               style-src 'self' 'unsafe-inline' 'unsafe-eval'; 
               script-src 'self' 'unsafe-inline' 'unsafe-eval';">

这是我的 AJAX 调用:

    $.ajax({
         url: "http://domain.com/Rooster/schedule",
         data: {token : 's0m3r4nd0mt0k3n', user : '~me'},
         type: "GET",
         crossDomain: true,
         success: function( response ) {
              \\irrelevant success function.
            }
      });
}

希望有人能让这个发挥作用!

Answer 1

@大卫
你犯了一个常见的错误。您需要应用白名单系统。从 Cordova Tools 5.0.0 开始需要此信息(2015 年 4 月 21 日)。对于Phonegap Build，这意味着从cli-5.1.1开始(2015年6月16日)

将 config.xml 中的内容(上面列出的)替换为以下内容:

<plugin name="cordova-plugin-whitelist"      source="npm" spec="1.1.0" />
<allow-navigation href="*" />
<allow-intent href="*" />
<access origin="*" /> <!-- Required for iOS9 -->

请注意，您的应用程序现在不安全。保护您的应用程序的安全取决于您。使用以下内容修改您的 index.html:

<meta http-equiv="Content-Security-Policy" 
         content="default-src *; 
                  style-src * 'self' 'unsafe-inline' 'unsafe-eval'; 
                  script-src * 'self' 'unsafe-inline' 'unsafe-eval';">

请注意，您的应用程序现在不安全。保护您的应用程序的安全取决于您。

快速提示:您可以通过删除所有“内联”javascript 和样式 (css) 来绕过 CSP(内容安全策略)。将它们放在单独的文件中。我将在本月晚些时候写博客讨论这个问题。混合应用程序的新“最佳实践”将“内联”移动到单独的文件。

此白名单工作表应该可以帮助您保护您的应用。
HOW TO apply the Cordova/Phonegap the whitelist system ——祝你好运