jQuery使用JSON的例子
来源:互联网 发布:比价网源码 编辑:程序博客网 时间:2024/06/01 09:59
1、在HTML中,有这样一个表单:
- <form method="post" name="searchform" id="searchform" method="/sek.go">
- <input name="query" value="" type="text" id="query" />
- <input type=”submit” value="查询"></input>
- </form>
当然,要想在HTML中使用Js功能,必须在<head/>中加入
- <script type="text/javascript"src="/style/js/ajax.js"></script>
2、然后在ajax.js文件中加入如下代码
- function userSearch(){
- var query = $("#searchform input[@name='query']").val();
- $.post("/userSearch.htm", { query: query } ,function callback(json){
- var userlist = $.parseJSON(json);
- userList(userlist);
- });
- }
解释如下:
1)、"#searchform input[@name='query']";的意思是: 选择id为searchform其下的(name属性值为’query’的)input标签
2)、$(“”).val()意为要得到(“”)所选中属性的值;
3)、在$.post()中,第一项参数是指定目标servlet,即要把本post请求发给的那个servlet。
第二项是本post请求所携带的数据;“:”前的为key或者name,后为value;
第三项是回调函数,其内若有形参,则表示要对从servlet返回的值进行处理,这里的callback的功能是将JSON对象json转换成了JS对象userlist,然后将JS对象传入函数userList
3、post请求携带了名为query的参数去了后台,在servlet中进行处理:
- //从名为"query"能的参数中取出post带过来的数据
- String query = request.getParameter("query");
- if (query != null && !query.isEmpty()
- && !query.trim().equalsIgnoreCase("")) {
- //如果"query"的值不为空,就用'query'为参数构建HQL语句
- String hql = "from TUser as user where user.userName like '"+ query + "%'";
- //到库表TUser中进行查询,并得到一个表结构
- List list = weilav3TUserDAO.getListByHQL(hql);
- if (list != null && !list.isEmpty()) {
- //若list不为空,则将其转换成JSON对象,并存入jsonArray中
- JSONArray jsonArray = JSONArray.fromObject(list);
- //下面就是把存有查询结果的JSON对象返给页面
- response.setContentType("text/html;charset=utf-8");
- PrintWriter out = response.getWriter();
- out.println(jsonArray);
- ……
- }else {……}
- jQuery使用JSON的例子
- struts2中Jquery的json使用(最简单的例子)
- jquery操作json的例子
- jquery解析json的例子
- JSON使用的例子
- Ajax + JQuery + JSON + Struts使用例子
- jQuery读取JSON文件内容的例子
- json+jsp+JQuery 的一个小例子
- jquery json小例子
- jquery - ajax - json 例子
- Struts2+JQuery+Json及JQuery相关插件的例子
- Struts2+JQuery+Json及JQuery相关插件的例子
- jQuery cookie的使用例子
- jquery queue的使用例子
- 简单的使用json小例子
- RESTEasy使用json返回的例子
- json的使用例子(二)
- struts2使用json传数据的例子
- sharepoint2010隐藏site workflows
- TabActivity横向布局
- Keil MDK error :L6031U
- 用JQuery解析Json
- zoj 1002 FireNet
- jQuery使用JSON的例子
- IPMI详细介绍
- list.h使用实例
- 网盘地址
- TimerTask的详细使用方法
- Android Gallery(超豪华胜优酷,自动无限循环播放+3D+阴影,有图有真相)
- jquery于json的结合
- C++对继承的一些总结
- C++中int转化string的几种方法