Question

我有一个AJAX函数，可以在用户搜索时填充表格。每个keyup根据其搜索条件提供新结果。

我想验证搜索，以防止用户过度触发事件，这显然可能导致大量问题。但我确实需要在用户搜索或输入时重新填充列表的功能。

如何提供验证以保护服务器并使代码整体更专业。

AJAX var searchPath =＆＃34;＆＃34 ;;

$("#itemID").keyup(function (){
    var url = searchPath;
    $.ajax({
        type  : "POST",
        async : false,
        url   : url,
        data: $('#itemID').serialize(),
        cache : false,
        success: function(html) {
           $( "#productResults" ).html( html );
        if (html === null) {
                  $("#loader_message").html('<p>There were no results that match your search criteria</p>').show();
              } else {
                  $("#loader_message").html('These are your search results... <img src="../wp-content/uploads/2016/02/loading.gif" alt="Loading">').show();
              }
        if( !$('#itemID').val() ) {                     
                displayRecords(limit, offset);   
            }
                html = null;
                window.busy = false;
            }
      });
});

FORM

<div class="form-group pull-right">
                    <input type="text" name="itemID" id="itemID" class="search form-control" placeholder="Search product number">
            </div>

内容区域

<tbody id="productResults"> 

                </tbody>

            </table>
<div id="loader_image"></div>
<div id="loader_message"></div>

使用AJAX keyup事件验证过多的密钥

0 个答案: