最简单的js异步查询功能
来源:互联网 发布:淘宝上的男内裤买家秀 编辑:程序博客网 时间:2024/06/06 22:09
就是最简单的异步查询,,,先甩代码
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title></head><body><input id="value" placeholder="请输入需要查询的关键字"> <input id="doSearch" type="button" value="查询" onclick="submit()"><div id=show></div></body><link rel="stylesheet"href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"><scriptsrc="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script><scriptsrc="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script><script type="text/javascript"> var submit = function(){ var value = $("#value").val(); $("#show").empty() $.post("#(BASE_PATH)/bbs/doSearch",{"value":value},function(data){for (var i = 0; i < data.length; i++) { $("#show").append("bbsName:"+data[i].bbsName+"<br>" +"bbsType:"+data[i].bbsName+"<br>" +"bbsContent:"+data[i].bbsContent+"<br>" +"userName:"+data[i].userName); } }) } </script></html>
这是前台页面,,,灰常简单吧
<input id="value" placeholder="请输入需要查询的关键字"> <input id="doSearch" type="button" value="查询" onclick="submit()">
查询框 id="xxx",这个属性会在下面的js中调用
var value = $("#value").val();拿到输入框里面的值下面这句是把这个值传到后台$.post("#(BASE_PATH)/bbs/doSearch",{"value":value},function(data)#(BASE_PATH)/bbs/doSearch //这一句就是找到你的这个查询所需要用到的方法//下面则是循环遍历查询到的结果,,,没问题吧for (var i = 0; i < data.length; i++) { $("#show").append("bbsName:"+data[i].bbsName+"<br>" +"bbsType:"+data[i].bbsName+"<br>" +"bbsContent:"+data[i].bbsContent+"<br>" +"userName:"+data[i].userName); } <div id=show>//这句话就是你想要的查询结果输出地$("#show").empty() // 猜猜这个是干什么的?//好了,下一次我打算说说分页差查询结果
0 1
- 最简单的js异步查询功能
- 最简单查询带分页功能的代码
- 最简单的画线功能
- 最简单的画线功能
- 最简单的画线功能
- 最简单的jquery 异步上传图片
- EBS Form开发利用QUERY_FIND来实现最简单的查询功能(2)
- EBS Form开发利用QUERY_FIND来实现最简单的查询功能
- C#异步:实现一个最简单的异步
- JS简单的计算功能
- 最简单的纯js实现点击展开二级菜单功能
- 再说AJAX中最本质的功能--异步浏览
- TreeCtrl 查找功能的最简单实现
- 最简单的S3c2440UART功能测试
- iOS-实现最简单的画线功能
- 最简单的换图功能
- Android中最简单的分享功能
- 最简单的Socket通信功能
- 这个java程序,为什么一个notify唤醒了3个wait
- Error: Registry key 'Software\JavaSoft\Java Runtime Environment'\CurrentVersion' has value '1.8', bu
- tomcat 启动报错
- Java环境搭建
- Android平台中进程与线程的基本知识
- 最简单的js异步查询功能
- superuser root 原理详细分析
- 访问JSP错误
- 使用VirtualBox创建Linux
- Android中Dialog
- URL获取Cookie(或者说是session)
- HTML页面meta标签常用的属性/属性值
- Android中线程通讯类Handler
- jquery 操作select