分类： JAVA WEB前端2013-08-29 18:35 6296人阅读 评论(0) 收藏 举报

由于项目需要通过ajax得到后台的List对象里面的值，由于没有接触过json所以前期我只能先传字符串再在js里截取子串实现。闲暇时间摸索了一下关于json接受List对象的方法，步骤如下：
1.首先下载json所以依赖的包， Json-lib 最新版 json-lib-2.3-jdk15.jar，其官方网站是：http://json-lib.sourceforge.net/可以直接 download，细心的你会发现其网站页面里面有提示它还需要其他包：
Json-lib requires (at least) the following dependencies in your classpath: 
jakarta commons-lang 2.4 
jakarta commons-beanutils 1.7.0 
jakarta commons-collections 3.2 
jakarta commons-logging 1.1.1 
ezmorph 1.0.6

其中一般项目中都会有前4个，所以只需要下载ezmorph 1.0.6  就可以了

下载地址分别是： 
http://commons.apache.org/lang/ 
http://commons.apache.org/beanutils/ 
http://commons.apache.org/collections/ 
http://commons.apache.org/logging/ 
http://ezmorph.sourceforge.net/ 
2.首先先见一个小web项目 
先建一个User类：

package com.json;

public class User { 
    String username; 
    String password; 
public String getUsername() { 
  return username; 
} 
public void setUsername(String username) { 
  this.username = username; 
} 
public String getPassword() { 
  return password; 
} 
public void setPassword(String password) { 
  this.password = password; 
} 
   
} 
再建一个servlet

package com.json;

import java.io.IOException; 
import java.io.PrintWriter; 
import java.util.ArrayList; 
import java.util.List;

import javax.servlet.ServletException; 
import javax.servlet.http.HttpServlet; 
import javax.servlet.http.HttpServletRequest; 
import javax.servlet.http.HttpServletResponse;

import net.sf.json.JSONArray;

public class TestJson extends HttpServlet {

public void doGet(HttpServletRequest request, HttpServletResponse response) 
   throws ServletException, IOException { 
           doPost(request,response); 
} 
public void doPost(HttpServletRequest request, HttpServletResponse response) 
   throws ServletException, IOException {

response.setContentType("text/html"); 
String str= request.getParameter("name");//得到ajax传递过来的paramater 
  System.out.print(str); 
  PrintWriter out = response.getWriter(); 
  List list = new ArrayList();//传递List 
                  Map m=new HashMap();//传递Map   
  User u1=new User(); 
  u1.setUsername("zah"); 
  u1.setPassword("123"); 
  User u2=new User(); 
  u2.setUsername("ztf"); 
  u2.setPassword("456"); 
        list.add(u1); //添加User对象     
         list.add(u2);     //添加User对象 
     
          m.put("u1", u1); 
         m.put("u2", u2);

JSONArray jsonArray2 = JSONArray.fromObject( list );//转化成json对象
   JSONObject jo=JSONObject.fromObject(m);//转化Map对象

out.print(jsonArray2);//返给ajax请求 
       out.print(jo);//返给ajax请求 
} 
}

配置好web.xml中的servlet映射，这一步就略了。

3.建立ajax实现 
这里为了快速实现用的是jquery实现的。

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript"> 
     function test(){ 
      $.ajax({ 
       type:"POST", //请求方式 
       url:"testjson", //请求路径 
       cache: false,  
       data:"name=zah",  //传参 
       dataType: 'json',   //返回值类型 
            success:function(json){   
           alert(json[0].username+" "+ json[0].password);    //弹出返回过来的List对象 
                } 
       }); 
      } 
</script> 
  </head> 
  <body> 
    <input type="button" name="b" value="测试" onclick=test()> 
  </body>

测试开始，点击按钮弹出zah 123 
json[0]就相当于u1对象 json[1]相当于u2对象，对于其属性的访问跟java对象一样，其他的Connection测试应该一样,

访问Map的话直接把返回函数改成如下即可：

success:function(json){    
          alert(json.u1.username) 
                } 
    }直接跟上Key.属性即可访问Object对象。

文章出处：飞诺网(www.firnow.com):http://dev.firnow.com/course/4_webprogram/ajax/ajaxxl/20100721/476877.html

CheckServlet.java源代码如下： 
package ajax.servlet; 
import java.io.IOException; 
import java.io.PrintWriter; 
import javax.servlet.ServletException; 
import javax.servlet.http.HttpServlet; 
import javax.servlet.http.HttpServletRequest; 
import javax.servlet.http.HttpServletResponse; 
/** 
* 
* @author Thinkpad 
* 
*/ 
public class CheckServlet extends HttpServlet { 
public void doGet(HttpServletRequest request, HttpServletResponse response) 
   throws ServletException, IOException { 
  response.setContentType("text/html"); 
  response.setCharacterEncoding("UTF-8"); 
  PrintWriter out = response.getWriter(); 
  
  String name = request.getParameter("username"); 
  out.print("我是服务器，收到客户端的数据:"+name); 
  out.flush(); 
  out.close(); 
} 
public void doPost(HttpServletRequest request, HttpServletResponse response) 
   throws ServletException, IOException { 
  this.doGet(request, response); 
} 
}

3、编写客户端html文件 
新建ajax.html文件

ajax.html文件源码如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
  <head> 
    <title>ajax实现校验</title> 
    <mce:script type="text/javascript" src="jslib/jquery.js" mce_src="jslib/jquery.js"></mce:script>
<mce:script type="text/javascript" src="jslib/verify.js" mce_src="jslib/verify.js"></mce:script>
  </head>

<body> 
   <input type="text" id="username"> 
    <input type="button" value="校验" onclick="verify()" > 
    <dir id="result"></dir> 
  </body> 
</html>

4、下载jquery.js文件 
下载地址：http://docs.jquery.com/Downloading_jQuery 
下载后，将文件拷贝到文件结构中

5、编写verify.js文件 
verify.js源代码如下：

function verify() { 
// 注解 
// alert("点击了按钮"); 
// jquery查询节点的方法 
var jqueryObj = $("#username"); 
// 获取文本框中用户输入的数据 
var username = jqueryObj.val(); 
// alert(username); 
// 将数据发送给服务器的servlet 
$.get("servlet/CheckServlet?username=" + username, null, callback); 
} 
// 回调函数 
function callback(data) { 
// alert("收到服务器返回的数据"); 
// alert(data); 
var resultObj = $("#result"); 
resultObj.html(data); 
}

ajax 与jsp servlet的更多相关文章

  1. Ajax+Jsp+servlet+json技术的使用

    Ajax+Jsp+servlet+json技术的使用 在使用json的时候,记得必须导入如下几个.jar包,最好是手动复制.jar包只lib路径下,否则可能出现异常. commons-beanutil ...

  2. jQuery Ajax传值给Servlet,在Servlet里Get接受参数乱码的解决方法

    最近在学jquery ui,在做一个小功能的时候需要将前台的值获取到,通过Ajax传递给Servlet,然后再在返回数据结果,但是在Servlet接受参数的时候,通过后台打印,发现接受乱码,代码示例如 ...

  3. 纯Html+Ajax和JSP两者对比的个人理解

    最近写个人web,用jsp+servlet做,突然想到一个问题:html+ajax似乎和jsp实现效果一样:那么,两者到底有什么区别呢? 这里参考老猿的一段话: 全站ajax会维护大量的js代码,如何 ...

  4. 软件架构设计学习总结（18）：MVC三层架构在各框架（jsp+servlet + Struts1+ Struts2+ springMVC）中的特征

    1.基于web开发中最原始的jsp+Servlet   图形化理解jsp+servlet结构: 1.从结构上分析jsp+servlet图解原理: 在基于mvc设计模式下的最原始的jsp+Servlet ...

  5. 使用JSP+Servlet+Jdbc+Echatrs实现对豆瓣电影Top250的展示

    使用JSP+Servlet+Jdbc+Echatrs实现对豆瓣电影Top250的展示 写在前面: 有的小伙伴,会吐槽啦,你这个标题有点长的啊.哈哈 ,好像是的!不过,这个也是本次案例中使用到的关键技术 ...

  6. JSP+Servlet 实现：理财产品信息管理系统

    一.接业务,作分析 1.大致业务要求 1.1 使用 JSP+Servlet 实现理财产品信息管理系统,MySQL5.5 作为后台数据库,实现查看理财 和增加理财功能 1.2 查询页面效果图 1.3 添 ...

  7. jsp+servlet和ajex中遇到的问题

    软件杯的时候,我们的项目需要在手机端运行,由于本身的这个项目我们使用jsp+servlet做的一个项目,所以我们利用ajex,把eclipse作为后台运行tomcat8,,在hbuilder用weba ...

  8. javaweb练手项目jsp+servlet简易购物车系统

    简易购物车项目 这是一个用intellij IDEA做的简易的javaweb项目,开发环境使用的jdk1.8和tomcat8以及mysql数据库. 1.项目开发准备: 创建github仓库 项目框架搭 ...

  9. jsp+servlet上传excel并将数据导入到数据库表的实现方法

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...

随机推荐

  1. 查询最新记录的sql语句效率对比

    在工作中,我们经常需要检索出最新条数据,能够实现该功能的sql语句很多,下面列举三个进行效率对比 本次实验的数据表中有55万条数据,以myql为例: 方式1: SELECT * FROM t_devi ...

  2. 【手记】MTK之TASK创建及使用

    首先来看看task的数据类型声明,在config\include\hal\task_config.h中对task和module类型进行了定义. /*************************** ...

  3. ubuntu 外接显示器

    xrandr --help xrandr   # 列出显示器 sudo xrandr --output eDP-1 --off   # 关闭eDP-1显示器 sudo xrandr --output ...

  4. cxgrid属性说明，每次用的时候费时费力查找。

    由层得到数据表名: procedure TFB_PatientWaiting.cxgrdbtblvwGrid1DBTableView_MyPatienWaitingDblClick( Sender: ...

  5. C语言语法

    1.函数指针类型定义,然后指针结构体类型定义,最后的调用形式为aaa.bbb();(aaa为结构体变量)或者 aaa->bbb();(aaa为结构体指针),函数指针最好用结构体封装起来变成指针结 ...

  6. javascript中的map和reduce

    今天在看“廖雪峰官方网站”的js教程时,看到了map和reduce.其中有一个练习题是:不使用js内置的parseInt()函数,利用map和reduce操作实现一个string2int()函数(先将 ...

  7. Day09 -超级经典面试题：Ruby的a ||= b（or-equals）是什么意思呢？

    前情提要: 写了这一系列下来,发现Ruby有许多特别的方法.前几天提到String字串,并且接续着在第八天我们了解串接(concatenate)与插入interpolation#{}方法(就连加号+也 ...

  8. react-redux的使用

    在react-redux 框架中,给我提供了两个常用的API来配合Redux框架的使用,其实在我们的实际项目开发中,我们完全可以不用react-redux框架,但是如果使用此框架,就如虎添翼了. 我们 ...

  9. ES中的分词器

    基本概念: 全文搜索引擎会用某种算法对要建索引的文档进行分析, 从文档中提取出若干Token(词元), 这些算法称为Tokenizer(分词器), 这些Token会被进一步处理, 比如转成小写等, 这 ...

  10. Jmeter Dash Report(HTML Report)删除Hits Per Second graph的方法

    通过命令行 Non GUI的方式执行jmeter的jmx脚本可以生成HTML Report(Dash Report). 这个report默认自带了很多种图表报告,比如statistics,Over t ...