0

我已经尝试通过 jQuery/ajax 执行此操作,但它不起作用,所以我想我会退回到正常的 XMLHttpRequest。不幸的是,它仍然无法正常工作(同样的问题)。

这是Google 的 POST 请求的文档。这是我的代码:

var xmlHttp = new XMLHttpRequest();

xmlHttp.open("POST", "https://www.googleapis.com/urlshortener/v1/url", true);
xmlHttp.setRequestHeader("Content-Type", "application/json");

var url = "longUrl=" + encodeURIComponent("http://www.google.com/");
console.log(url);

xmlHttp.send(url);

“url”被发送到控制台:longUrl=http%3A%2F%2Fwww.google.com%2F

回应是:

{
 "error": {
  "errors": [
   {
    "domain": "global",
    "reason": "parseError",
    "message": "Parse Error"
   }
  ],
  "code": 400,
  "message": "Parse Error"
 }
}

有谁看到我做错了什么?

提前致谢!

编辑:为@Greg 添加 - 这样您就可以看到我在使用 jQuery遵循 Google 的规范 - 这会导致完全相同的错误。

$.ajax({
    type: "POST",
    contentType: "application/json; charset=utf-8",
    data: { "longUrl": "http://www.google.com/" },
    url: "https://www.googleapis.com/urlshortener/v1/url",
    success: function(data) {
        //do something with the shortened url json data
        //console.log(data);
    }
});
4

2 回答 2

2

这是解决方案(@Greg 的评论为我指明了正确的方向)。

var xmlHttp = new XMLHttpRequest();

xmlHttp.open("POST", "https://www.googleapis.com/urlshortener/v1/url", true);
xmlHttp.setRequestHeader("Content-Type", "application/json; charset=utf-8");

var req = new Object();
req.longUrl = "http://www.google.com/";

var jsonStr = JSON.stringify(req);

xmlHttp.send(jsonStr);
于 2012-10-02T23:58:29.393 回答
1

您没有遵循谷歌提供的规范。您应该像这样发送一个 JSON 对象:

{"longUrl": "http://www.google.com/"}
于 2012-10-02T23:24:36.287 回答