您的位置:首页 > Web前端 > JavaScript

ajax解析结合json格式

2014-05-07 14:03 253 查看
1.当读者(readerId)文本框失去焦点时获得输入的读者的id值,并通过ajax传到后台acion中去。

$("#readerId").blur(function(){

var readerId=$("#readerId").val();

$.ajax({

type:"post",

url:"<%=request.getContextPath()%>/selectReadersById1.action",

data:{"readerId":readerId},

dataType:"text",

success:function(data)

{

var myobj=eval(data);

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

$("#readerName").val(myobj[0].name);

$("#borrowNum").val(myobj[0].maxNum);

$("#yajin").val(myobj[0].keepMoney);

//}

}

})

})

2.后台action接收ajax传过来的值,并进行唯一查询,获得相对应的读者信息。

public void selectReadersById1(){

HttpServletRequest request=ServletActionContext.getRequest();

HttpServletResponse response= ServletActionContext.getResponse();

String id=request.getParameter("readerId");

Readers readers=readersBiz.selectReaderById(Integer.parseInt(id));

if (readers!=null) {

JSONArray jsonarray = JSONArray.fromObject(readers); //将读者信息转换成json格式

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

try

{

response.getWriter().print(jsonarray);//传给ajax

System.out.println(jsonarray);

}

catch (IOException e)

{

e.printStackTrace();

}

}

}

//就是上面ajax中解析json数据

success:function(data)

{

var myobj=eval(data);

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

$("#readerName").val(myobj[0].name);

$("#borrowNum").val(myobj[0].maxNum);

$("#yajin").val(myobj[0].keepMoney);

//}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: