(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;

}

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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zmj132113/article/details/49925203

jQuery实现列表搜索(筛选)效果

用jQuery实现列表搜索(筛选)效果,至于筛选的数据,这里是本地直接写的。...
  • genius_yym
  • genius_yym
  • 2016-12-11 15:56:42
  • 1317

jquery通过输入框实时查找列表值

在项目中,有时候需要用户选择城市,但是城市太多,用户选择起来不太方便,所以提供了一个用户可以通过输入框输入城市的汉字或者拼音简写。结果示意图如下:    当输入拼音后结果示意图如下:    实现代码如...
  • u013310119
  • u013310119
  • 2016-07-20 14:28:37
  • 4163

jquery实现带搜索历史的搜索框

Title 搜索 var searchArr; //定义一个search的,判断浏览器有无数据存储(搜索历史) if(localStorage.search...
  • paddy52
  • paddy52
  • 2016-12-12 16:24:01
  • 1390

form表单同步提交和异步提交

同步提交: html:
  • lieyanhaipo
  • lieyanhaipo
  • 2017-11-09 12:27:32
  • 3601

Ajax实现异步查询,返回Json数据

在项目中要实现一个发送邮件的功能,但是因为用户比较多,在选择用户的时候需要根据用户输入的关键字,及时的显现出匹配的结果,当然这个可以用jQuery的autocomplete.js来实现,不过今天我是用...
  • judyfun
  • judyfun
  • 2014-12-27 18:19:13
  • 5134

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

JSP页面信息 function ajaxName() { var name = document.getElementById("name").value; ...
  • feifei839535570
  • feifei839535570
  • 2013-12-23 17:15:02
  • 1328

JQuery+Ajax 使用JQuery完成异步用户名的校验

案例:在注册页面中,当输入了用户名之后,光标离开文本框,显示用户名是否已经存在. 【Jquery的AJAX部分的概述】 由于传统AJAX开发代码比较麻烦,而且还有浏览器兼容的问题.传统的AJA...
  • qq_33406883
  • qq_33406883
  • 2017-08-24 14:06:42
  • 381

AJAX--异步校验实现

前言:      现在软件很讲究用户体验度,当我们在注册的时候,你是希望当你填完一系列信息之后点击注册时系统提示你用户名已经注册过,然后重新填写一遍信息,还是当你填完用户名就给提示??懒人都会选择后者...
  • wxr15732623310
  • wxr15732623310
  • 2017-02-07 11:51:46
  • 1282

简单的ajax数据传输和获取例子

Untitled Document ajax提交信息************************************************* email ...
  • u012076852
  • u012076852
  • 2016-04-15 15:14:37
  • 1946

【前端】输入框中根据用户输入内容动态查询

【前端】根据用户输入内容动态查询
  • lizhihaoweiwei
  • lizhihaoweiwei
  • 2016-04-22 18:22:16
  • 4692
收藏助手
不良信息举报
您举报文章:(JQuery)如何做到搜索输入框的数据异步提交
举报原因:
原因补充:

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