请 onkeyup ajax 两次发布到 sql答案

【问题标题】：please onkeyup ajax post twice to sql请 onkeyup ajax 两次发布到 sql
【发布时间】：2020-12-04 05:14:01
【问题描述】：

onkeyup ajax 两次发布到 sql 两次数据到sql 向sql插入数据两次redcord

function myFunction() {
             var x = $("#number_2").val();
               if(x.length === 2){
                      $.ajax({
                      type: "POST",
                      url: "insert2.php",
                      data: {message: x},
                      success: function(data) {
                       $('#number_2').val('')
                      }
                      });                    
               }
             }

&lt;input type="text" id="number_2" onkeyup="myFunction()" class="text-center fast form-control" &gt;

【问题讨论】：

欢迎来到SO ...请通过这个how to ask a good question

标签： javascript php jquery json ajax

【解决方案1】：

此代码有效。

$(document).ready(function () {
            $("#number_2").on("keyup", function (e) {
                // alert($("#number_2"));
            // let isSubmitProcess = false;
            
            //     isSubmitProcess = true;
            //     if (isSubmitProcess) {
            //      return;
            //     }
                e.preventDefault();
                var x = $("#number_2").val();
                if (x.length === 2) {
                    $.ajax({
                        type: "POST",
                        url: "insert2.php",
                        data: { message: x },
                        success: function (data) {
                            // $('#number_2').val('');
                            // isSubmitProcess = false;
                        }
                    });
                }
                if (x.length > 1) {
                    $('#number_2').val('');
                }
                
            });
        });

&lt;input type="text" id="number_2" class="text-center fast form-control" /&gt;

【讨论】：

【解决方案2】：

HTML

<input type="text" id="number_2" class="text-center fast form-control" />

JavaScript

$(document).ready(function () {
    let isSubmitProcess = false;
    $("#number_2").on("keyup", function (e) {
        isSubmitProcess = true;
        if (isSubmitProcess) {
         return;
        }
        e.preventDefault();
        var x = $("#number_2").val();
        if (x.length === 2) {
            $.ajax({
                type: "POST",
                url: "insert2.php",
                data: { message: x },
                success: function (data) {
                    $('#number_2').val('');
                    isSubmitProcess = false;
                }
            });
        }
    });
});

【讨论】：

函数不工作 { "message": "Uncaught SyntaxError: missing ) after argument list", "filename": "stacksnippets.net/js", "lineno": 13, "colno": 21 }
信息填写慢，发送1次，如果填写快，发送2次