2

目前我正在开发一个使用条码扫描器插件（v 0.6.0）和phonegap 2.9.0的phonegap。实际的条形码扫描仪工作正常，我可以让手机调出相机/扫描仪并读取条形码。我什至可以让 result.text 显示在一个简单的警报中（只要我在回调中这样做）。但是，如果我尝试将 results.text 的值保存到全局变量或隐藏字段中，则该值在变量中未定义，并且在字段中为空。

我当前的代码

openBarcodeScanner();
var code = document.getElementById('barcode').value;
alert(code);

function openBarcodeScan(viewInfo){
var scanner = cordova.require("cordova/plugin/BarcodeScanner");
scanner.scan(function (result){
    document.getElementById('barcode').value = result.text;
    },
    function (error){
        alert ( error );
    });
}

我很可能在做一些愚蠢的事情，但我这辈子都想不通。我更喜欢使用全局变量，但隐藏字段是在回调之外传递 result.text 的最后努力。

编辑：我猜这是因为异步回调，但我不确定如何在函数之外获取 result.text 。

4

2 回答 2

4

该.scan()方法是异步的（当方法接受回调而不是返回值时，通常表明它是异步的）。因此，您提供的第一个函数.scan()不会立即执行，因此它不会在您期望的时候设置该值，并且您的外部代码也无法在您执行的地方检索该值alert(code);。

由于您只需要发出 AJAX 请求，您不妨将请求放在scan回调中，例如：

scanner.scan(function (result) {
    // Make AJAX request, using `result`
}, function (error) {
    alert(error);
});

您还可以对其进行设置，以便您的openBarcodeScan函数接受回调，并在扫描成功时运行该回调，例如：

function openBarcodeScan(viewInfo, callback) {
    var scanner = cordova.require("cordova/plugin/BarcodeScanner");
    scanner.scan(function (result) {
        callback(result);
    }, function (error) {
        alert(error);
    });
}

并称它为：

openBarcodeScan("whatever", function (barcode) {
    // Make AJAX request, using `barcode`
});

从技术上讲，您的功能可以简化为：

function openBarcodeScan(viewInfo, callback) {
    var scanner = cordova.require("cordova/plugin/BarcodeScanner");
    scanner.scan(callback, function (error) {
        alert(error);
    });
}
于 2013-08-06T14:21:46.830 回答
1

您需要将回调函数传递给 .scan() 以便在扫描意图完成后调用它们。你想要这样的东西：

scanner.scan(success,error);

function success(result) {
  document.getElementById('barcode').value = result.text;
}

function error(error) {
  alert(error);
}
于 2013-08-05T22:03:05.477 回答