(JQuery)如何做到搜索输入框的数据异步提交

原创 2015年11月19日 11:28:31

解决方案
使用jquery的方法来监听用户输入的内容的改变,然后提交到后台
下面是具体的代码

$('searchContent').bind('input propertychange',function(){

});


上面的方法是用来时时监听用户的输入,然后再调用jque$('searchContent').bind('input propertychange',function$.ajax{
type:'POST',
url:'<%=basePath%>system/searchAction_search.do',
data:{searchKey:$(this).val()},
dataType:'json',
timeout:5000,
success:function(data){
//获取服务器端回响的数据
  }
}
   );在服务器端获取得到异步提交的数据
public String search(){
    String searchValue = (String)request.getAttribute("searcheKey");
    System.out.println(searchValue);
    return null;

}

通过上面的代码就可以在服务器中截取得到用户提交的数据,到索引库或者是数据库中搜索内容。

版权声明:本文为博主原创文章,未经博主允许不得转载。

异步获取数据Ajax,以及对获取的数据进行绑定(显示在页面上)

最近,经常用Ajax去异步获取数据,今天就把它总结一下 1.Ajax是异步的JavaScript和XML,它可以在不更新网页的情况下,从后台加载(获取)数据,并显示在网页上 2.主要方法 (1)...
  • muyeju
  • muyeju
  • 2015年09月09日 11:47
  • 8668

JSP页面通过Ajax异步验证input输入框的数据

JSP页面信息 function ajaxName() { var name = document.getElementById("name").value; ...

ajax案例---以GET和POST方式异步提交数据给后台

前台页面代码 ajax demo var xmlHttpRequest = null; function ajaxSubmit(){ // window.al...
  • Geek_ymv
  • Geek_ymv
  • 2014年04月27日 17:46
  • 10637

ajax请求 input输入文字显示对应的值

今天打开电脑,朋友说帮忙解决个bug 实现input1框输入文字,input2显示input1的val(); 心想呀这还不简单,不就是获取1的val()然后赋值给2不就ok了吗?有难度?瞬间怀疑他的水...

【AJAX进阶(二)】--异步模糊查询

上篇博客讨论了DOM的基本使用情况,DOM树使得程序员能够直接在后台来操作HTML元素,熟练的使用DOM并集合AJAX能够构造出网页应用程序。今天进一步使用AJAX来实现一些复杂的功能,主要来讨论使用...

让input框实现类似百度的搜索提示(基于jquery事件监听)

挺炫的一个效果,百度和谷歌好像已实现好多年了,我以为在网上能轻易找到代码来实现这个效果。真正遇到这个需求,发现还真找不到。于是自己动手写这个效果,由于我是把效果整合到我的整套框架里,所以没有进行单独的...
  • killcwd
  • killcwd
  • 2016年01月20日 11:34
  • 874

Input框的智能提示下拉层功能

下面我们来实现如图所示的功能。 第一步:首先我们先在html文件中简单的布个局如下图: 在input框下面还需要建立一个下拉框的布局,将下拉框隐藏掉 实现的静态效果是如下图所示: ...

使用jquery+ajax+php实现搜索框的功能

我们每天浏览网页都能见到搜索框 搜索框的原理: 客户端:输入要搜索的关键字于文本框,然后文本框将关键字获取,使用ajax发送请求到服务端,然后根据服务端返回来的信息显示到一个div中 服...

jquery结合Spring MVC实现从后台读取数据的输入框提示

输入框提示的功能我这里是指类似于谷歌百度搜索时候的效果,用户输入一个中文或者英文,提示相关的备选信息 需要二个js文件: fm.tagator.jquery.js jquery-1.11.0.m...

基于jquery实现的类似百度搜索的输入框自动完成功能

自动完成功能是指:类似百度搜索之类的输入一个词的一部分后就自动提示,然后用户可以选择,不需要再输入剩余部分。 废话不多说,直观的看一下:   实...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:(JQuery)如何做到搜索输入框的数据异步提交
举报原因:
原因补充:

(最多只允许输入30个字)