javascript - 在 WordPress 主题中通过 $.ajax 调用外部 url

Question

我的 WordPress 应用程序托管在 url http://127.0.0.1/wordpress/ 上我在 WordPress header 中添加了以下脚本以获取一些 token ，但它不提供任何 token

我复制了那个 url ( http://127.0.0.1:8090/sample/sample/getToken ) 并在新选项卡中打开它成功返回 token 但是当我使用 $.ajax 调用它时它没有返回 token

  <script>   
   $().ready(function(){
      $("#signIn").click(function(){
                    alert("Display Alert Properly");
            $.ajax({ 
            type: "POST",
            url: "http://127.0.0.1:8090/sample/sample/getToken",
            contentType: "text/html",
            success: function(token)  { 
                window.open("https://api.linkedin.com/uas/oauth/authorize?oauth_token=" + token, "_self", "");  });
        });

    });

Answer 1

由于 Same Origin Policy，您无法通过 Javascript 直接访问外部资源在现代浏览器中实现。但是，有几个解决方案。

如果远程站点提供JSONP您可以利用它来加载外部资源，但如果它们不加载，您将无法直接访问这些资源。

如果远程端点不提供 JSONP，您将需要在您自己的服务器上使用一个代理脚本来接受 AJAX 请求，向外部端点发出请求，并将响应中继到您的 Javascript 应用程序。请务必妥善保护此类脚本，使其仅接受对 protected 端点的请求，否则您将面临严重的安全漏洞。