ajax异步传输,基于jquery异步传输json数据格式实例代码

1.jsp代码如下

pageEncoding="UTF-8"%>

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

Insert title here

$(function(){

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

$.ajax({

type:"post",

url:"jsonAction!getData.action",

dataType:"json",

data:{'param1':$("#param1").attr("value"),'param2':$("#param2").attr("value")},

success:function(returnData){

var html = "

编号

姓名

描述

for(var i = 0; i < returnData.length; i++){

html += "

"+returnData[i].id+""+returnData[i].name+""+returnData[i].description+"";

}

$("#result").html(html);

}

});

});

});

2.访问 action代码如下

public class JsonAction extends ActionSupport{

public void getData() throws IOException

{

HttpServletRequest req = ServletActionContext.getRequest();

String p1 = req.getParameter("param1");

String p2 = req.getParameter("param2");

HttpServletResponse rep = ServletActionContext.getResponse();

rep.setContentType("text/json;charset=utf-8");

PrintWriter pw = rep.getWriter();

String data = "[{\"id\":\"01\",\"name\":\"zhongqian\",\"description\":\""+p1+"\"},{\"id\":\"02\",\"name\":\"zhangsan\",\"description\":\""+p2+"\"}]";

pw.print(data);

pw.flush();

}

}

3.效果如下：