java集合用json返回_Ajax之json返回结果是集合的处理

Jquery实现ajax:

$.ajax({

type    //数据的提交方式:get和post

url   //数据的提交路径

async   //是否支持异步刷新,默认是true

data    //需要提交的数据

datatype   //服务器返回数据的类型,例如xml,String,Json等

success    //请求成功后的回调函数

error   //请求失败后的回调函数});

}

)

json对服务器返回结果是集合的处理

$(function(){

$("#btn").click(function(){    单击按钮时

$.ajax({

type:"get",    请求方式

url:"ShowServlet",    跳转路径

async:true,    异步请求

success:function(data){成功处理

var json = eval('('+data+')'); 将JSON的字符串解析成JSON数据格式

var table="

for(var i in json){

table+="

"+json[0].id+""+json[i].name+""+json[i].birthday+""+json[i].regTime+"";

$("#show").html(table);显示在页面

}

table+="

";

},

代码实现:

userList.jsp

Description:ajax 返回集合

User: jiatp

Date: 2019/5/22

Time: 21:45

--%>

pageEncoding="UTF-8" %>

Insert title here

//初始化

$(function () {

$("#btn").click(function () {

$.ajax({

type:"post",

url:"showAllUserList",

data:{},

datatype:"json",

success:function (data) {

//转换为javascript对象

var user = eval('('+data+')');

var str = "

var strcontent = "";

for(var i=0;i

strcontent+="

"+user[i].id+""+user[i].name+""+user[i].address+""

}

str+=strcontent+"

";

$("#content").html(str);

},error:function () {

alert("error!");

}

})

})

})

showAllUserList.java

package com.chinasofti.servlet;

import com.chinasofti.entity.User;

import net.sf.json.JSONArray;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import java.io.IOException;

import java.io.PrintWriter;

import java.util.ArrayList;

import java.util.List;

/**

* Description:ajax返回一个集合对象

* USER:jiatp

* Date:2019/5/22 22:16

* */

@WebServlet("/showAllUserList")

public class showAllUserList extends HttpServlet {

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

response.setContentType("text/html;charset=utf-8");

request.setCharacterEncoding("utf-8");

List userList = new ArrayList();

User user1 = new User();

user1.setName("张三");

user1.setAddress("北京");

user1.setId(1);

User user2 = new User();

user2.setName("李四");

user2.setAddress("上海");

user2.setId(2);

//添加到集合

userList.add(user1);

userList.add(user2);

PrintWriter out = response.getWriter();

//将user对象转换成json格式

JSONArray json = JSONArray.fromObject(userList);

System.out.println(json);

out.print(json);

}

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

doPost(request,response);

}

}

注:var json = eval('('+data+')'); 将JSON的字符串解析成JSON数据格式

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值