将打印机名称与 javascript 连接时出错答案

【问题标题】：error when concatenating printer name with javascript将打印机名称与 javascript 连接时出错
【发布时间】：2018-03-06 00:14:55
【问题描述】：

这是关于查找系统已安装的打印机，但是当找到它们时，JavaScript 代码在“品牌”（Zebra）和“型号”（GC420t）之间的空白处连接了 % 20 ...我附上一张图片

问题是，当我将此参数传递给函数 PrintCommands 时，它无法识别打印机……事实……在组合中，它正确显示了打印机的名称……

我的观点：

<h3>Impresión de Etiquetas</h3>

<div>
    <label class="checkbox">
        <input type="checkbox" id="useDefaultPrinter" /> <strong>Usar impresora por defecto</strong> o...
    </label>
</div>

<div id="loadPrinters">
    Click para buscar impresoras instaladas...
    <br />
    <input type="button" onclick="javascript:jsWebClientPrint.getPrinters();" value="Load installed printers..." />
    <br /><br />
</div>

<div id="installedPrinters" style="visibility:hidden">
    <label for="installedPrinterName">Select an installed Printer:</label>
    <select name="installedPrinterName" id="installedPrinterName"></select>
</div>

<script type="text/javascript">
    var wcppGetPrintersTimeout_ms = 10000; //10 sec
    var wcppGetPrintersTimeoutStep_ms = 500; //0.5 sec

    function wcpGetPrintersOnSuccess() {
        // Display client installed printers
        if (arguments[0].length > 0) {
            var p = arguments[0].split("|");
            var options = '';
            for (var i = 0; i < p.length; i++) {
                options += '<option>' + p[i] + '</option>';
            }
            $('#installedPrinters').css('visibility', 'visible');
            $('#installedPrinterName').html(options);
            $('#installedPrinterName').focus();
            $('#loadPrinters').hide();
        } else {
            alert("No printers are installed in your system.");
        }
    }
    function wcpGetPrintersOnFailure() {
        // Do something if printers cannot be got from the client
        alert("No printers are installed in your system.");
    }
</script>

<br />

<input type="button" style="font-size:18px" onclick="javascript:jsWebClientPrint.print('useDefaultPrinter=' + $('#useDefaultPrinter').attr('checked') + '&printerName=' + $('#installedPrinterName').val());" value="Print ZPL..." />


@section scripts{

    @* Register the WebClientPrint script code generated by PrintZPLController. *@

    @Html.Raw(ViewBag.WCPScript);

}

我不明白“% 20”是如何与品牌和型号之间的空格连接起来的……对我有什么帮助吗？

pd：当传递没有“%20”作为参数的名称时，脚本可以正常工作

【问题讨论】：

提示：%20 是为 URL 编码时的空格字符。从您所显示的内容来看，尽管您写了什么，但 % 和 20 之间没有空格。听起来像 getPrinters 函数正在对名称进行编码。
顺便说一句，没有理由将javascript: 放在您的onclick 属性中；仅当元素是锚 (a) 并且您将 JavaScript 放入其 href 时才需要。
感谢您的建议，我会更正它，对我有什么其他建议吗？ @MikeMcCaughan
我不知道jsWebClientPrint 是什么，所以没有更多建议。

标签： javascript c# asp.net-mvc concatenation zebra-printers

【解决方案1】：

您的后端代码中需要某种 URL 解码功能。我不太了解 C#，但我认为你会这样做：

printerName = HttpUtility.UrlDecode(printerName);

...在 PrintCommands() 的开头。

【讨论】：