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

我的 WordPress 应用程序托管在 url 上http://127.0.0.1/wordpress/我在 WordPress 标头中添加了以下脚本来获取一些令牌，但它没有给出任何令牌

我复制了该网址（http://127.0.0.1:8090/sample/sample/getToken）并在新选项卡中打开它成功返回令牌，但是当我使用 $.ajax 调用它时它不会返回我令牌

  <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", "");  });
        });

    });

由于以下原因，您无法通过 Javascript 直接访问外部资源同源政策在现代浏览器中实现。然而，有几个解决方案。

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

如果远程端点不提供 JSONP，您将需要在自己的服务器上有一个代理脚本，该脚本接受 AJAX 请求，向外部端点发出请求，并将响应中继到您的 Javascript 应用程序。确保很好地保护这样的脚本，使其仅接受对受祝福的端点的请求，否则您将面临一个令人讨厌的安全漏洞。