`

Javascript回车提交ajax查询的方法

阅读更多
html:
<form method="post" name="callForm" id="callForm">
      <input name="callee" type="text" onkeypress="if(event.keyCode==13){javascript:onSubmit()}" value="input the callee's sip uri here" maxlength="100" size="50"/>
      <input type="button" name="button" style="visibility:hidden;" id="button" onclick="alert('hello');你的ajx方法" value="button"/>
  </form>

javascript:
function onSubmit() {
    var button=document.callForm.button;
    alert(button.value);
    button.click();
}
分享到:
评论

相关推荐

    javascript 按回车键相应按钮提交事件.docx

    传统的表单提交方法有两种: 1. **使用提交按钮提交**: - 在HTML表单元素中,可以通过设置`&lt;form&gt;`标签的`onsubmit`属性来添加自定义的JavaScript函数。 - 示例代码: ```html &lt;script type="text/javascript...

    Ajax实现查询助手

    查询助手的触发可能通过点击图片图标或输入框的回车事件,JavaScript函数(如`orgMaginfier`)会处理这些事件,发起Ajax请求并处理响应数据。 总结来说,Ajax查询助手是利用Ajax技术提高Web应用用户体验的一个实例...

    jQuery与JavaScript各自实现AJAX异步请求验证[借鉴].pdf

    JavaScript(如checkUsername.js)监听输入框的键盘事件,当用户按下回车键时,触发AJAX请求。以下是一个基本的AJAX实现: 1. HTML代码: 在HTML页面中,创建一个输入框(用于输入用户名)和一个按钮,设置一个...

    Ajax 聊天室,用JavaScript 调用WebServer 实现

    Ajax(Asynchronous JavaScript and XML)技术是一种在无需刷新整个网页的情况下,能够更新部分网页内容的技术。在这个.NET小例子中,我们使用Ajax构建了一个实时的聊天室,通过JavaScript与WebServer交互,实现了...

    ext输入框点击回车键直接进入查询

    // 在这里,你可以使用EXTJS的Ajax组件或者Store的load方法发起异步请求 Ext.Ajax.request({ url: 'your_server_endpoint', // 替换为你的服务器接口地址 params: { keyword: queryText }, success: function...

    textbox 回车执行事件

    用户在文本框(textbox)中输入信息后按下回车键,通常希望触发一个特定的操作,如提交数据到服务器进行处理或执行搜索查询。这个过程涉及到客户端JavaScript和服务器端ASP.NET技术的交互。 首先,我们需要理解ASP...

    textbox绑定回车

    例如,可以使用jQuery或其他JavaScript库来监听回车事件,并通过AJAX调用服务器端的方法,避免页面整体刷新。 总的来说,绑定TextBox的回车事件在ASP.NET中可以通过结合HTML、JavaScript和C#代码实现。通过监听键盘...

    没有form表单情况下敲回车键提交表单的js代码.docx

    此时,可以考虑使用JavaScript来实现没有`&lt;form&gt;`表单的情况下的回车键提交功能。 #### 实现原理 在没有使用`&lt;form&gt;`标签的情况下,我们可以通过监听输入框的键盘事件(如`keydown`或`keyup`事件)来检测用户是否...

    基于AJAX的无刷新聊天室

    **无刷新聊天室**的工作原理是:用户在输入框中输入消息后,点击发送按钮或按下回车键,JavaScript会捕捉到这个事件并创建一个新的XMLHttpRequest对象。这个对象向服务器发送一个请求,请求中包含了用户输入的消息。...

    FacebookLikeChat_interiorzjy_javascript_chat_got2ld_ajax_

    【标题】"FacebookLikeChat_interiorzjy_javascript_chat_got2ld_ajax_" 指的是一款仿照Facebook聊天功能的项目,它结合了多种技术实现了一个类似Facebook的聊天框。这个项目的核心在于利用JavaScript进行前端交互,...

    PHP-AJAX实现案例

    在IT行业中,PHP和AJAX(Asynchronous JavaScript and XML)是两种非常重要的技术,它们在构建动态、交互式的Web应用程序中发挥着关键作用。在这个"PHP-AJAX实现案例"中,我们将深入探讨如何结合使用这两种技术来...

    用AJAX实现google输入自动完成的简单模拟

    AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这种技术主要依赖于 XMLHttpRequest 对象,它可以与服务器进行异步交互。 ### 二、构建自动完成系统 ###...

    Jquery响应回车键直接提交表单操作代码

    在网页开发中,jQuery 是一个非常流行的 JavaScript 库,它简化了 DOM 操作、事件...通过这些步骤,即使在没有传统 `&lt;form&gt;` 标签的情况下,用户依然可以通过回车键来触发 AJAX 数据提交,提供一致且友好的用户体验。

    jQuery实现给input绑定回车事件的方法

    接下来,我们详细讲解如何利用jQuery给input元素绑定回车事件的两种方法,以及相关的知识点。 ### 知识点一:jQuery基础 在了解如何使用jQuery给input元素绑定回车事件之前,需要对jQuery有一个基本的认识。jQuery...

    ajax-autocomplete

    // 阻止回车提交表单 const query = event.target.value; fetch('/api/suggestions?q=' + encodeURIComponent(query)) .then(response =&gt; response.json()) .then(data =&gt; { suggestions.innerHTML = data....

    AJAX 会员注册自动提示实例

    在IT行业中,AJAX(Asynchronous JavaScript and XML)是一种用于创建动态网页的技术,它允许页面在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。本实例以"AJAX 会员注册自动提示实例"为主题,...

    页面只有一个text的时候,回车自动submit的解决方法

    当开发者希望在用户按下回车时触发自定义的AJAX事件,而不是提交表单,就需要对这一默认行为进行干预。以下将详细解释这个问题,并提供解决方案。 首先,问题在于浏览器的行为规范。在HTML中,当表单内只有一个输入...

    不同浏览器对回车提交表单的处理办法

    但要注意,缺少`action`属性的表单在某些浏览器中可能不会响应回车提交,需要通过JavaScript来处理。 总的来说,为了兼容各种浏览器,确保回车键在所有浏览器下都能正确工作,建议的做法是: 1. 设置`&lt;form&gt;`的`...

    JSP文本输入解决回车问题代码实例[可运行].rar

    // 使用AJAX提交表单,防止页面刷新 var xhr = new XMLHttpRequest(); xhr.open("POST", "myServlet", true); xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xhr.send("myText=...

Global site tag (gtag.js) - Google Analytics