如何从数据表的外部输入发出带有keyup事件的ajax请求？
从数据表的外部输入发出带有keyup事件的ajax请求，可以通过以下步骤实现：
- 首先，需要在前端页面中创建一个数据表，并为数据表中的输入框绑定keyup事件。例如，可以使用HTML的table元素创建数据表，并为每个输入框添加一个keyup事件监听器。
- 在keyup事件的处理函数中，获取输入框中的内容，并将其作为参数传递给ajax请求。
- 使用JavaScript的XMLHttpRequest对象或者jQuery的ajax方法发送ajax请求。在请求中，将输入框中的内容作为参数传递给后端服务器。
- 在后端服务器中，接收到ajax请求后，可以根据请求参数进行相应的处理。例如，可以对输入框中的内容进行数据查询、过滤等操作，并将结果返回给前端。
- 前端页面可以通过ajax请求的回调函数获取后端返回的结果，并进行相应的处理。例如，可以将查询结果展示在数据表中的某个区域。
总结起来，实现从数据表的外部输入发出带有keyup事件的ajax请求的步骤如下：
- 创建数据表，并为输入框绑定keyup事件。
- 在keyup事件处理函数中获取输入框内容，并发送ajax请求。
- 后端服务器接收到请求，进行相应的处理。
- 前端页面获取后端返回的结果，并进行展示或其他操作。
腾讯云相关产品推荐：
- 云服务器（CVM）：提供弹性计算能力，满足各类业务需求。详情请参考：腾讯云云服务器
- 云函数（SCF）：无服务器的事件驱动型计算服务，支持多种语言编写函数。详情请参考：腾讯云云函数
- 云数据库MySQL版（CDB）：提供高性能、可扩展的关系型数据库服务。详情请参考：腾讯云云数据库MySQL版
- 云存储（COS）：提供安全、稳定、低成本的对象存储服务。详情请参考：腾讯云云存储
- 人工智能平台（AI Lab）：提供丰富的人工智能开发工具和服务，支持图像识别、语音识别等应用场景。详情请参考：腾讯云人工智能平台
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行。
相关·内容
3回答
我使用下面的javascript来实现我的即时搜索功能(以检测访问者何时停止写作，这样该功能就不会在每次按键时都运行)。
它可以工作，但它的延迟超过1000毫秒。即使我将其设置为200毫秒，在运行即时搜索功能之前也会有1-2秒的延迟。
有没有更好/更快的方法来检测访问者何时停止输入(我只需要在Internet Explorer上使用它，如果有什么不同的话)。
$(document).ready(function(){
var delay = (function(){
var timer = 0;
return function(callback, ms){
clearTimeout (tim
浏览 1提问于2011-03-22得票数 2
1回答
我使用的是数据表()，并且启用了延迟加载。它所要做的只是加载10个结果(或者其他什么，就目前而言并不那么重要)。然后，当您单击一个新页面时，它必须得到there结果(可能有很多结果，所以我不想一次加载所有数据)。
现在有一个问题。如果我搜索，在每个字符之后，它会发送一个AJAX请求，从而产生大量AJAX请求。但它应该做的是：
装载10项
你打字
最后输入字符后，等待2秒，然后启动AJAX请求。
我有个密码：
var dataTable = $('#editor').dataTable({
ajax: {
url: baseUrl +
浏览 0提问于2017-05-09得票数 1
2回答
当用户在表单字段中写电子邮件时，我正在尝试创建gravatar自动加载。现在，我已经有了php函数，它将生成带有所需参数的gravatar url，它可以在整个网站上运行。
现在，当用户输入有效的电子邮件时，我应该调用jQuery：
image.attr("src", "<?=$this->Gravatar(" + input.attr('value') + ");?>");
但是有可能将这个参数传递给PHP函数吗？
浏览 0提问于2013-01-20得票数 1
回答已采纳
我知道chosen由输入搜索class="default"和ul下拉列表class="chosen-drop"组成。
chosen:updated更新整个选择(输入搜索和下拉列表)
所以问题是:如果我只想更新ul下拉列表而不更新输入搜索怎么办？(chosen:updated在更新时删除了我的输入搜索文本)
浏览 0提问于2016-01-12得票数 1
1回答
我用bootstrap live搜索了一下pixabay api。但我对pixabay的结果有个问题。例如，我想搜索带有查询花的图像，但当我开始输入时，它会返回结果。我输入flo，我有一个带有flo标签的图像。在最后，我有链接到带有标记flow、flowe和flowers的图像。如何防止这种情况？ $('#search').keyup(function(){
var q = $(this).val().toLowerCase();
var API_KEY = 'xx';
var URL = "https://pixabay.
浏览 8提问于2019-06-17得票数 1
回答已采纳
在一个网页上，我有一个文本框，在那里用户输入一些东西，并通过ajax请求响应来更改内容。
因为如果我打字比回应快，可能比打字晚，这会使打字速度变慢。
这是否有可能阻止影响这类问题的发生。
浏览 0提问于2011-04-09得票数 2
回答已采纳
我已经尝试了keyup和change，这就是为什么它们没有做到这一点的原因。用户输入凭证代码，我想发送和ajax请求，检查凭证是否存在于数据库中。我试过：
$('#discount-voucher').keyup(function(event) {
// Get the value
let value = $(this).val()
// Check if exists
$.ajax({
url: '{{ route('get-voucher') }}',
type: 'P
浏览 1提问于2017-11-06得票数 4
回答已采纳
1回答
我有一个这样的标签：
<h:inputText size="30" immediate="true">
<f:ajax event="change" listener="#{someMethod}" render="someDataTable"/>
</h:inputText>
我有一个这样的数据表：
<h:dataTable value="#{someList}" var="anyVar" id="someDataTable&
浏览 2提问于2011-03-22得票数 3
回答已采纳
我有一个jQuery脚本，在这个脚本中，我需要从外部URL加载来自CSV的数据。
同时，我需要将来自CSV的数据与前端用户通过输入字段提供的数据结合起来。我期望的结果是，我能够调用jQuery代码来从用户的输入中取取值到输入字段。然而，当代码放在ajax调用外部时，这是有效的，但在内部却不起作用。
同时，我不能将获取用户输入的代码放在ajax调用之外，因为我需要能够利用来自加载的CSV的信息以及用户输入来执行动态计算。
我的代码如下：
HTML：
<input type="text" id="my_input" value="12" max
浏览 1提问于2021-10-17得票数 0
我有一个输入文本框，该文本框接受名称，按反向顺序处理名称，然后将其输出到另一个文本框。每当我输入该值并单击页面上的任何位置(意味着从textbox丢失焦点)，输出文本框将自动更新。
当我打开源代码时，我发现了下面类似的代码，我可以知道ajax对inputtext组件有什么作用吗？
<h:inputText id="name" value="#{helloBean.name}">
<f:ajax render="printMyName"/>
</h:inputText>
<h:outputText i
浏览 1提问于2012-11-04得票数 1
对于那些使用autocompletion编写或测试过JavaScript接口的人来说，这个问题应该是非常熟悉的。
我正在对实时表单验证进行编码。用户正在键入他的用户名，他可以看到"OK“或”采取“按摩，因为他键入。
问题是：
1)我在每个keyup()或change()事件上触发change()
2)当用户输入速度快，连接速度慢时，会有大量的连接被打开。除了最后一个以外，所有这些都不是局部的，需要终止。
3)此外，ping到服务器可能会有所不同，例如，从100 so到400 so不等，所以没有主题的答案会排在最后(！！)
这肯定是必须解决的。
我该怎么办？
浏览 8提问于2011-09-21得票数 0
回答已采纳
当我清除搜索功能的输入字段时，响应应该不会显示任何结果，但它提供了完整的集合。当有输入时，它工作得很好，但一旦我清除它，整个集合就会显示出来。这是Laravel控制器类。 public function search(Request $request)
{ if($request->ajax()){
$results = DB::table('PROPERTY_TAGS')->where('TAG_NAME','LIKE','%'.$request->search."%&#
浏览 23提问于2020-08-07得票数 1
回答已采纳
我希望用户在输入发票编号并按enter键后，系统检查数据库中是否已存在该输入值或未使用ajax，如果该值存在，则必须更改输入类 这是我的刀片代码： <div class="form-group">
<label class="col-form-label" for="inputWarning"><i class="far fa-bell"></i> Input with
浏览 32提问于2020-11-03得票数 0
回答已采纳
1回答
我和JSF2一起工作。我有个数据表。为了使示例更简单，让我们假设每一行中有两个列：
输入字段
按钮
如果输入字段更改，我希望更改按钮的文本，而不向服务器发出任何请求。
直到这一次，我用js来改变值。虽然在这种情况下，我不知道如何在没有Id的情况下连接这两列，而且我也不知道如何生成id，因为我不能使用varStatus。
我是JSF的新手，很抱歉，如果这是微不足道的事情，我没有找到解决方案。
浏览 1提问于2016-11-16得票数 0
回答已采纳
基本上，我得到了一个带有id (主键)和名称的MySQL表。当用户在was表单的" id“文本框中输入一个数字时，我想用输入的id名称更新另一个文本框。做这件事最好的方法是什么？
我现在所做的感觉非常愚蠢，但它是有效的。当页面加载时，我将id和名称放入一个DataTable对象中。然后，当文本框发生更改(TextChanged event)时，我将回发到服务器，然后搜索我的数据表，并更改名称textbox的值。
它起作用了，但由于回帖的原因，它有点慢。但我甚至不确定要谷歌什么。有什么建议吗？
浏览 1提问于2013-11-10得票数 0
我有一个搜索字段。我想在搜索输入字段中的任何更改中调用我的jQuery函数。但是，当我在输入字段中更改并单击字段外部时，jQuery函数调用。
html
<input type="search" id="campiagn_search_id" name="campaign_search" placeholder="Campaign Search">
jQuery
$(document).ready(function(){
$(document).on('change', '#c
浏览 1提问于2019-04-16得票数 0
回答已采纳
我想使用jquery而不是prototype，在jquery中转换这个observe_field有点迷茫。
<%=text_field_tag :section %>
<%= observe_field(:section,
:frequency => 0.1,
:update => "article_list",
:with => 'section',
:url =>{ :
浏览 0提问于2011-03-27得票数 2
回答已采纳
2回答
嗨，我用下面的代码将数据添加到我的文本区域-
$('a#mod_description_onclick').click(function(){
$('#MOD-DESCRIPTION').modal('show', {backdrop: 'static'});
$.ajax({
url: "tab.description.php",
success: function(response){
$('#MOD-DESCRIPTION .
浏览 4提问于2014-03-25得票数 0
回答已采纳
我有一个带有内容的div，默认情况下隐藏，当用户输入时，我想在输入字段中显示它，这是#control。
<form>
<input name="control" value="" id="control" />
<div class="show_hide">
//some content here........
</div>
</form>
浏览 5提问于2016-03-08得票数 1
回答已采纳
3回答
许多流行的网站都有一个用户名字段，通常，当用户键入新字符时，该字段会根据输入的字符是否对应于已存在的用户而变为红色或蓝色。
假设我有以下用户名字段：
<%= f.text_field :username, id:"username" %>
如何将该功能添加到此字段？
浏览 0提问于2016-08-01得票数 0
2回答
因此，我有这样的代码，它使用JQuery从输入到文本字段中的数据输出实时计算。所有这些都很好，如下所示：
$(document).on('keyup', '#w_amount', function(){
// alert('pressed')
var totalcost= 11 * $(this).val()
$(".total_cost").html(totalcost);
})
这里输出的是：
<span class=\"total_cost\" style=\"disp
浏览 0提问于2015-03-08得票数 1
回答已采纳
在我的PHP项目中，我希望创建一个表单，在其中输入的数据可以在MySQL表中自动更新并显示值。我认为它与jQuery/ajax有关，或者我很困惑它是一个JSON项目吗？
那我该怎么做？
浏览 3提问于2014-05-15得票数 1
回答已采纳
我使用的是带有角9的RxJS，我尝试在输入中添加一个键绑定，如果用户输入了一个新值，我想启动一个HTTP请求。
我有这样的代码：
fromEvent(this.inputBox.nativeElement, 'keyup')
.pipe(
// wait 300 ms to start
debounceTime(300),
// if value is the same, ignore
distinctUntilChanged(),
// start connection
switchMap(term => this.a
浏览 0提问于2020-03-12得票数 1
回答已采纳
我想识别带有"on“的函数事件，然后运行console.log，但是输入、键控、按键或更改不会调用此更改。
我有写的功能。
function write(){
$("input").val("1");
}
然后，这个检查事件的查询：
$("input").on("change",function(){
console.log('input changed!');
});
write();//it doesnt get the change function
自定义HTML：
<input t
浏览 3提问于2018-04-24得票数 0
回答已采纳
function getData(input) {
return new Promise((resolve, reject) => {
$.post({
url: baseurl,
data: input
}).done(function (result) {
resolve({ code: 200, data: result });
}).fail(function (result) {
resolve({ code: 400, dat
浏览 5提问于2018-10-11得票数 0
我正在使用带有服务器端数据的datatable，下面是我的js代码： $(document).ready(function() {
$('table#myID').DataTable( {
"paging": true,
"searching": true,
"lengthChange" : true,
"info" : true,
"processing": true,
"se
浏览 14提问于2020-04-04得票数 0
我有一个下拉菜单，其中包含一个用于搜索的输入字段和一个带有复选框的标签列表。我添加了stopPropagation调用，这样每次单击复选框时它都不会关闭，但是输入字段上的change事件因此而停止工作。实际上，它是有效的，但我必须鼠标单击下拉菜单才能激活它。
这是我的HTML：
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><
浏览 4提问于2017-07-14得票数 2
回答已采纳
1回答
按照下面的注释更新JS代码。现在，警报框返回键入的int输入框，但我没有看到它通过查询解析来查看用户是否存在。
var friendName;
$('#friendsearch').on('keyup', function(e) {
friendName = $(e.target).val();
var query = new Parse.Query(Parse.User);
query.equalTo("username", friendName); // find users that match
浏览 4提问于2014-05-05得票数 0
回答已采纳
4回答
我有一个网站，其中的登录是屏幕名称。在上，我希望能够让ajax检查屏幕名称是否已经存在，因为它被键入到表单中。
这是HTML输入字段
<label for="screenName">Screen Name:
<input type="text" class="form-control" name="screenName" id="screenName" size="28" required>
<div class="screenNameError">
浏览 0提问于2015-10-23得票数 1
回答已采纳
我正在使用AJAX动态更新带有数据表的页面。
当表格被成功添加到页面中时，它包含一些代码引用来生成colorbox overlay弹出窗口。
但是，在表格被拖入页面后，这些覆盖将不再起作用。
有什么想法吗？我假设它们需要重新初始化或其他什么？
浏览 0提问于2010-04-08得票数 0
回答已采纳
1回答
我试图通过从react脚本调用AJAX或在react组件中单击submit按钮来调用PHP脚本。我使用普通的HTML和JQuery完成了这个任务，但是我发现很难实现相同的使用react。
其中一位用户解释了输入的正常流程，并将其显示为警报。但是我希望输入值被发送到PHP脚本。它的JQuery代码是：
$('#button').click(function () {
alert("first")
$.ajax({
type: "GET",
crossDomain
浏览 3提问于2016-03-10得票数 2
回答已采纳
2回答
我有一个带有数据表的文本输入。此datalist中填充了php：
<input type="text" name="city" list="cities" id="city">
<datalist id="cities">
<?php
foreach($cities as $city){
echo '<option value="'.$city.'" />';
浏览 2提问于2016-08-05得票数 2
回答已采纳
4回答
我有一个表单，它总共有五个输入(用于用户注册)。我想让用户知道他们选择的用户名是否可用，而不必单击“提交”按钮。
在用户完成在输入字段中的输入之后(像一样)，我如何提交表单(使用jQuery和AJAX)？我知道我可以在change上提交表单，但它会在输入的每个字母上提交表单，对吗？
那我该怎么办呢？
浏览 2提问于2015-06-15得票数 0
我目前正在使用一个wmd编辑器，稍后我将在我的网站上实现。我已经能够通过将设置更改为markdown并添加一个隐藏的输入字段来获得#wmd-preview div的值。问题出在JS/AJAX函数上。当我在文本区输入一些东西时，我会得到回显的结果，但当我返回并将粗体应用于单词时，它不会回显更改，直到我实际再次键入一些东西。
当字体样式更改已应用到单词时，我如何才能使div值回显，而无需再次键入？这是我的
<script>
$(document).ready(function() {
var timer = null;
var dataStr
浏览 0提问于2012-07-31得票数 1
我的要求是：
在<rich:select>的输入字段中输入一个值后，我们需要触发事件
有一个条件，即类型值不在select列表(富select userLoginBean.userList)中，而是在backingbean实体对象中，而不是在富select中显示。
我只想传递在rich中输入的值:在backing中选择，这样它就可以检查和验证实体bean中的值，到目前为止，我已经实现了这一点，
<rich:select id="user"
value="#{userLoginBean.user}"
浏览 6提问于2015-04-23得票数 0
1回答
我有一个html数据表，每一行都有一个下拉框。如果用户更改了下拉框的值，我希望该行中的数据也会更改(基于为下拉框的新值查找相关数据的数据库调用)。
作为一个基本的例子，假设有一张表显示了篮球队中的球员以及他们的身高。假设玩家是从下拉框中选择的…如果用户使用下拉框更改了该行中的播放器，我希望该玩家的高度在html表中更改。例如，如果在下面的表格中，用户将Kobe Bryant的球员更改为其他球员(如Ray Allen)，则height列将基于Ray Allen的身高的数据库查询而更改。
Player Height
[Kobe Bryant V] 6'6"
浏览 0提问于2009-10-06得票数 0
回答已采纳
我有一个搜索输入，它在我输入时将数据从一个输入发送到一个php文件。php文件在我的数据库中进行搜索，并显示一个搜索选项列表。你知道，ajax风格的实时搜索。
我的问题是，如果你输入的东西非常快，它可能只搜索前1到2个字母，即使已经输入了另外10个字母。这会导致一些问题。
我的jQuery看起来有点像这样：
$(document).ready(function(){
$('#searchMe').keyup(function(){
lookup(this.value);
});
});
和
function lookup(searchinput) {
if
浏览 1提问于2009-07-23得票数 20
回答已采纳
Html：
<form id="yourFormId" method="POST" action="/">
{{csrf_field()}}
<div id="check" class="input-group margin-bottom-sm">
<input class="form-control" type="text" name="find" placeholder="Search">
浏览 1提问于2016-04-18得票数 0
回答已采纳
例如，有一个输入字段。每当用户在该字段中键入一个键时，它都会发送一个AJAX请求，其中包含该输入中当前包含的任何文本，并对其执行某些操作。我研究了Jquery中的change和keyup函数，但当我在Jsfiddle中尝试它们时，它们什么也不做。有没有一种标准的方式来做这种类型的操作？我知道验证之类的东西是很常见的。
<form>
<input id="test" type='text' >
<input type="submit" value="asdf">
</form
浏览 5提问于2013-05-19得票数 7
1回答
我试图从Youtube和Dailymotion视频URL获得视频信息。当我将错误的URL传递给ajax时，它会在控制台中产生错误。
<input type="text" id="addUrl">
jQuery
$('#addUrl').on('keyup', function () {
$url = $(this).val();
$updatedUrl = 'http://gdata.youtube.com/feeds/api/videos/' + $youtubeVideoId +
浏览 4提问于2014-08-11得票数 1
$('#input').focusin(function() {
$('#div').show();
$('#input').keyup(function() {
$('#div').show();
//AJAX-REQUEST//
});
});
$('#input').focusout(function() {
$('#div').hide();
});
#div {
display: none;
}
<script src="htt
浏览 1提问于2017-07-17得票数 1
回答已采纳
当在文本输入中输入数据时，我正在运行此代码：
$("input#search").live("keyup", function(e) {
var search_string = $(this).val();
var i = 0;
var trHTML = '';
if(search_string !== '') {
$.ajax({
type: "POST",
浏览 3提问于2016-03-03得票数 0
回答已采纳
我在网上找了很久，但似乎找不到答案……
我有一个相对复杂的查询，它从一个大型数据库返回50条记录。此查询作为游标运行，因此速度很快，并且能够在大约20ms内组装json并返回到数据表。
但是，获取此查询的记录总数较慢(500ms)。
我希望能够进行并行ajax调用，并在数据表呈现后设置计数(recordsCount)，这样我就可以更快地在屏幕上看到数据。这个是可能的吗？
作为一种变通办法，我正在考虑为我的查询创建一个计数缓存，但如果我可以在能够获得计数的情况下轻松地访问一些客户端代码，那么这似乎并不理想。
下面是我的数据表代码以供参考：
var table = $('#myTable&
浏览 4提问于2017-08-02得票数 2
我有一个带有空div的jQuery移动页面，我想将内容加载到这个div中，如下所示：
分离js脚本
$('#myPage').live('pagebeforecreate', function(event) {
$("#content").html('<p>My html</p>');
});
html
<div data-role="content" id="content">
</div>
页面加载后，我可以在一秒钟内看到我的内容，但在那
浏览 1提问于2012-04-21得票数 0
3回答
让我说，我有一个文本框，我要输入文本。在它下面有一个div，它显示输入的文本，根据它们是否正确拼写而突出显示单词，如下所示：
var validity =
{
"a": true,
"aa": false,
"aaa": false
};
document.getElementById("edit").addEventListener('keyup', function () {
text_array = this.value.split(" ");
v
浏览 2提问于2013-08-15得票数 3
回答已采纳
我使用ajax根据输入的textbox获取表的行数据。
在我的例子中，pincode输入'1000‘获取10个位置行，输入'10007’获取一行。
以下是js代码
$('#pincode').keyup(function(event){
var currentElementId = $(this).attr('id');
enterlocation = document.getElementById(currentElementId).value;
var len = enterlocation.length;
浏览 0提问于2013-12-31得票数 1
回答已采纳
2回答
值更改事件和单击事件
、、、、
我有一个JSF页面，在输入字段上有值更改侦听器，还有一个保存更改的按钮。当我更改它们的值并跳出字段时，验证就会触发，一切工作正常。但是，当我更改一个值时，在没有跳出的情况下，单击Save按钮，值更改事件将被激发，但它的button的单击操作不会被激发。如何避免这个问题，这样我才能让两个事件按顺序触发？
浏览 6提问于2015-09-09得票数 1
我使用jquery ajax对输入元素进行搜索，然后向`/ ajax / keyup / url发送一个ajax请求，如下所示：
$("#search").keyup(function(){
$(".itemSearch").remove();
$(".notfound").hide();
$("#searchResultSection").height("70px");
if(!$("#search").val()){
$("#searchR
浏览 1提问于2013-09-05得票数 0
我先从我想做的事情开始。
我已经创建了一个“忘记密码”系统，用户输入他们的电子邮件地址(如果正确的话)，他们将发送一个电子邮件与重置链接。
表单页面中有一小部分ajax，用于检测输入的电子邮件是否在数据库中。如果电子邮件确实存在于数据库中，表单将更改颜色为绿色，并启用提交按钮。如果没有检测到电子邮件，表单将保持红色，并禁用提交按钮。
问题是，当输入电子邮件地址时，当用户输入的字符比正确的电子邮件多一个字符时，键控事件就会发生(基本上，如果hello@123.com在我的数据库中，他们必须输入hello@123.com1才能启用提交)。
中除了ajax之外的所有东西。
下面是ajax文
浏览 5提问于2013-10-30得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
