javascript - 如何在按 Enter 时重新加载输入标签所在的特定 div

Question

我在页面顶部有一个搜索框，当用户点击相邻按钮时，它会发出 ajax 调用。我正在尝试更新输入标记，以便当用户按下“回车”键时，会发生适当的 JavaScript，而无需重新加载页面。不使用表单

$('#Searchbar').bind("enterkey", function (e) {
    $("#Searchbar").load('Search(1);');
        e.preventDefault();
    });

    $('#Searchbar').keyup(function (event) {
        if (event.keyCode === 10 || event.keyCode === 13) {        
            $(this).trigger("enterKey");
            event.preventDefault();
        }
    });
}

Answer 1

$('#Searchbar').on("enterkey", function(e) {
  //
  search('whatever your search string might be', function(result) {
   // get the result and put in the resultcontainer
    $('.resultContainer').html(result);
  });
  e.preventDefault();
});

$('#Searchbar').keyup(function(event) {
  if (event.keyCode === 10 || event.keyCode === 13) {
    $(this).trigger("enterKey");
    event.preventDefault();
  }
});

function search(data, callback) {
  //Do an ajax call and call the callback on succes
  //Check for proper syntax in jquery documentation
  $.post({
    'data': data,
    'url': your search url,
    success: function(result) {
      callback(result);
    }
  });
}