ajax - 条形码扫描仪和 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);
            }
      });
});