0

我刚刚开始使用 Google API(令人兴奋的东西)。我的页面上有一个图像标签,我想从谷歌图表 API 中获取其源属性。我以前没有摆弄过这些东西,所以我想出了:

  //root URL
    var qrURL = 'https://chart.googleapis.com/chart?'
    //text to make QR code
    var qrText = 'hello world';
    //parameters 
    var qrOptions = {
        cht: 'qr',
        chs: '300x300',
        ch1: qrText
    }
    $.get(qrURL + qrOptions, function () {

    });
    $('#img').attr('src', qrURL);

在控制台中,这会返回一堆类似翅膀的字符,我认为它们是 QR 码图片的文本版本。不过,我想做的实际上是在我的页面上动态获取该图像。我需要做什么才能动态获取我想要的源属性集?

编辑:我添加了这个:$('#img').attr('src', qrURL + $.param(qrOptions));但这给了我一个二维码,扫描时不包含实际文本(但它确实让二维码出现在页面上)。

4

1 回答 1

1

您的行$.get(qrURL + qrOptions, function...格式错误:您不能简单地将对象添加到字符串并期望返回一个 url 编码的字符串。qrURL + qrOptions结果是字符串“https://chart.googleapis.com/chart?[object Object]”——不是你想要的。正确的参数$.get( url [, data ] [, success(data, textStatus, jqXHR) ] [, dataType ] )

因此,您的 get 请求的正确形式是:

$.get(qrURL, qrOptions, function( reply ) { /* ... */ } );

然后,您继续使用reply您的成功函数来处理 Google 的响应。

于 2013-10-31T01:23:01.947 回答