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);
    }
  });
}

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

1 个答案: