Question

我已尝试通过jQuery / ajax这样做，但它没有工作，所以我想我会回到正常的XMLHttpRequest。不幸的是，它仍然没有工作（同样的问题）。

以下是Google's POST request的文档。这是我的代码：

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);

＆＃34; URL＆＃34;被发送到控制台：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的规范 - 这会导致相同的精确错误。< / p>

$.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);
    }
});

Answer 1

这是解决方案（来自@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);

Answer 2

您没有遵循Google提供的规范。你应该像这样发送一个JSON对象：

{"longUrl": "http://www.google.com/"}

使用XMLHttpRequest通过Google的Shortener api缩短网址

2 个答案: