这个 POST 请求有什么问题答案

【问题标题】：What is the wrong with this POST request这个 POST 请求有什么问题
【发布时间】：2014-04-20 08:04:29
【问题描述】：

我向 MOXTRA API 发出了这个 POST 请求以创建一个新的活页夹：

<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1" />
<script type="text/javascript" src="https://www.moxtra.com/api/js/moxtra-latest.js" id="moxtrajs" data-client-id="nJTHiclOwZA" data-app-key="urLRETVepwA"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button id="btn1">Show Text</button>

<script>
  $("button").click(function(){
    $.post({
      url: "https://api.moxtra.com/me/binders?access_token=vwowMQAAAUV91nUdAACowFVFbXhvZ1ptWlZjRWdiUGVhTTNtN2JIAAAAA1R1YVAzVGhGSTNSOEdsakRkWU53VjE2bkpUSGljbE93WkE",
      data: {"name": "My First Binder"},
      success: function(ans){
        $( "p" ).html( ans);
      }
    });
  });
</script>

</body>
</html>

访问密钥和客户端 ID 均正确，但代码仍无法正常工作。任何人都可以强调什么是错的

【问题讨论】：

你不能在那个域上发帖，除非你在那个域上。发布到您服务器上向该域发布的页面，输出响应。
你的 JavaScript 错误控制台说什么？
您遇到CORS 问题的可能性很高 - 作为一项安全措施，网站需要明确允许来自不同域的 XMLHTTPRequest。像@RPM 所说的那样做可能是你最好的选择。

标签： javascript jquery

【解决方案1】：

您应该采用不同的方法。

您的本地 JS 应该向 本地 URL 进行 ajax 发布，这将接受带有您的 json 数据的 POST 方法。

然后您的服务器代码（例如 PHP...）应该使用 HTTP POST 将数据发送到远程服务器，获取响应，并将其发送回调用 js。

顺便说一句，您可以像这样发送帖子请求：

$("button").click(function(){
  var url = "/your-local-server-code.php";
  var data = {"name": "My First Binder"};
  $.post(url, data, function(ans){
      $("p").html( ans);
  });
});

其实我推荐你像这样使用jQuery Ajax：

$("button").click(function(){
  var url = "/your-local-server-code.php";
  $.ajax({
    type: "POST",
    url: url,
    data: {"name": "My First Binder"},
    success: function(ans){
      $( "p" ).html( ans);
    }
  });
}

最好的问候。

【讨论】：

【解决方案2】：

您可以使用 jsonp 发出请求，或者您的服务器需要设置为允许来自 api.moxtra.com 或“*”的来源。请参考Cross domain ajax request。

【讨论】：