JQuery/AAJAX从MYSQL更新DIV-从不同的输入2个输入中获取值

我对JQuery有点陌生，我有一个脚本，它将从onchange事件的文本输入中获取值，并将数据发送到外部PHP文件，这样我们就可以从DB中获取一些数据，并将其提取到id为"txtHint3"的div中。

整个脚本运行得很好，但我遇到的问题是，我需要从两个不同的文本输入字段中获取值，并将这两个值发送到PHP文件。

本质上，如果2个输入文本中只有1个发生了更改，我们需要将2个值推回到jQuery和PHP脚本。

我尝试了几种不同的方法，但没有任何显著的结果。如有任何帮助/想法，我们将不胜感激！！

以下是我迄今为止编写的jQuery代码：

<script>
    function recordTrans(str) {
if (str == "") {`enter code here`
    document.getElementById("txtHint3").innerHTML = "";
    return;
} else {
    if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    } else {
        // code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById("txtHint3").innerHTML = xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET","recordtransaction.php?pos=1&code="+str,true);
    xmlhttp.send();
  }
}
</script>
function recordTrans(str) {
if (str == "") {
    document.getElementById("txtHint3").innerHTML = "";
    return;
} else {
    if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    } else {
        // code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById("txtHint3").innerHTML = xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET","recordtransaction.php?pos=1&code="+str,true);
    xmlhttp.send();
}

这是我的HTML表/表单：

<table class="table table-striped" id="FinancialDataTable">
            <thead>
              <tr>
                <th style="width: 10%;">Code</th>
                <th style="width: 5%;">Qté</th>
                <th style="width: 25%;">Produit</th>
                <th style="width: 25%;">Description</th>
                <th style="width: 25%;">Prix</th>
                <th style="width: 10%;">Action</th>
              </tr>
            </thead>
            <tbody>

              <tr>
                <td>
                    <div class="form-group">
                  <input type="text" id="code" name="code" class="form-control" onchange="recordTrans(this.value)"   />
                </div>
                </td>
                <td>
                    <div class="form-group">
                  <input type="text" name="qte" id="qte" class="form-control" value="1" onchange="recordTrans(this.value)" />
                </div>
                </td>
                <td colspan="3"><div id="txtHint3" style="width: 100%"> </div></td>

                <td><button type="button" class="btn btn-primary btn-sm" onClick="$(this).addClone();">Ajouter un autre article</button></td>
              </tr>
                             </tbody>
          </table>