条形码扫描仪和 jquery ajax 调用？

Question

我坚持以下几点：我在 index.php 上有一个简单的表单，带有一个输入字段。单击按钮时，表单向 lookup.php 发出 jquery ajax 请求，该请求返回一些数据。该数据显示在 index.php 上。到目前为止没有什么特别的，当我使用键盘时它可以工作。

现在，当我使用条形码扫描仪时，它不起作用，经过反复试验，看起来条形码扫描仪使用了“提交”处理程序。但在我的情况下，ajax 请求由

处理

$("#btnSubmit").on("click",

并且按钮 btnSubmit 是 type=button 并且不提交。

我该如何解决这个问题，以便条形码扫描仪也发出 ajax 请求？ 使用 $.ajax 提交的 jquery 似乎不起作用

Answer 1

如果你有一个简单的表格，比如：

<div id="status"></div>
<form action="">
   <input id="foo"/>
   <input type="submit" value="Submit">
</form>

你可以这样做：

$("form").submit(function(e) {
      e.preventDefault();
      $.ajax({
            url: "lookup.php",
            type: "POST",            // Can change this to get if required
            data: { foo: $("#foo").val(); },
            success: function(data) {
                     $("#status").html(data);      
            },
            error: function(jqXHR, textStatus, errorThrown) {
                   $("#status").text(textStatus);
            }
      });
});