使用HTML文本区域数据的自动API调用

使用HTML文本区域数据的自动API调用,html,automation,Html,Automation,我有一个html表单,其中包括一个文本区域框和一个调用API的提交按钮(比如Google Translate API或Twitter API) 现在,我希望去掉submit按钮,并在用户输入输入后自动调用API。 我还希望API调用的数量有限:理想情况下,在用户完成该文本区域的键入后,只需要一个API调用 您对以下方面有何建议: 要使用的语言(javascript、php、其他) 过程:什么触发了API调用 任何指示都将不胜感激 编辑->关于“已完成键入”部分:我永远不知道用户是否已完成键

我有一个html表单,其中包括一个文本区域框和一个调用API的提交按钮(比如Google Translate API或Twitter API)

现在,我希望去掉submit按钮,并在用户输入输入后自动调用API。 我还希望API调用的数量有限:理想情况下,在用户完成该文本区域的键入后,只需要一个API调用

您对以下方面有何建议:

  • 要使用的语言(javascript、php、其他)
  • 过程:什么触发了API调用
任何指示都将不胜感激



编辑->关于“已完成键入”部分:我永远不知道用户是否已完成键入。我可能知道的唯一一件事是从x秒起就没有打字了。如果我能在1秒或2秒后检测到不活动并触发API调用,那就太好了。这可能吗?如何实现?

您可以将字段的keydown/keydup事件绑定到某个函数,该函数在清除旧函数后运行
setTimeout
(延迟5秒)。调用setTimeout中提到的函数后(用户已有5秒钟没有键入),执行API调用

最好在右边显示一个倒计时计时器,让用户知道5秒或10秒后会发生什么


当然,这应该使用JavaScript来完成-不需要向服务器发出额外的请求

PoltoS已经向您提供了有关keyUp和setTimeout的信息。您还可以处理onBlur()事件。使用表单的submit()方法提交表单。顺便说一句,你可能会在那里找到你问题所有部分的样本

请说明您希望如何检测“已完成键入”。好问题包含80%的答案,您的答案在更改后将包含99%。@Eugene Mayevski'EldoS Corp,感谢您的反馈。我已经编辑了我的问题。